JavaScript基础知识一

JavaScript

  1、JavaScript 概述(了解)
    1、什么是JavaScript
        JavaScript,简称JS,是一种运行于Javascript解释器/引擎中的解释型脚本语言
    2、JS的发展史
        1、1992年,Nombas为自己的软件开发了一款脚本语言叫 CMM(C--),后来更名为ScriptEase,可以嵌入在网页中运行
        2、1995年,Netscape(网景)在自己的Navigator2.0的浏览器中开发了另一种脚本语言LiveScript,后更名为 JavaScript
        3、1996年,Microsoft,在IE3.0中发布了JavaScript的克隆版本,称为 JScript
        4、1997年,ECMA(欧洲计算机制造商协会) 接收了 JavaScript 1.1 版本.Netscape将JS的核心交给了ECMA,从此JS的核心更名为 ECMAScript

 完整的JS共有3个部分组成:
        1、核心(ECMAScript)
        2、DOM(Document Object Model)
            文档对象模型
            让JS有能力操作HTML文档
        3、BOM(Browser Object Model)
            浏览器对象模型
            让JS有能力操作浏览器
 2、JavaScript 的使用
    1、浏览器的内核
        1、内容排版引擎 - 解析HTML 和 CSS
        2、脚本解释引擎 - 解析Javascript
    2、搭建JS运行环境
        1、独立安装的JS解释器
            NodeJS
            输入:console.log("Hello World");
            作用:在控制台上打印输出指定的内容
        2、使用浏览器内核中的JS解释器
            1、直接在Console中输入代码并执行
            2、将JS脚本嵌入在HTML的页面中
                1、在html元素事件中执行JS代码
                    <button onclick="">
               2、在<script></script>中嵌入JS脚本
                    <body>
                        <script>
                            document.write("Hello World");
                        </script>
                    </body>
                3、在外部文件中编写JS脚本
                    1、创建 ***.js文件,并编写脚本代码
                    2、在网页中通过<script>标记引入JS文件
                        <script src="js文件的url"></script>
    3、JS代码错误调试
        如果一块代码有问题的话,那么就终止本块的代码执行,但不影响后续块的代码执行
    4、JS的语法规范
        1、语句
            JS中可以被执行的最小单元称为语句
            由表达式,运算符,关键字 来组成
            注意问题:
                1、每条语句独占一行
                2、每条语句最终以 ; 结尾
                3、语句是严格区分大小写
                    console.log();  正确执行
                    Console.log();  错误
                4、所有的符号都是英文的
                    英文  中文
                    ;     ;
                    "     ”
                    '     ‘
                    .     。
                    ()    ()
                    []    【】
                    {}     {}
        2、JS中的注释
            1、单行注释
                //
            2、多行注释
                /*   */
 3、变量 和 常量
    1、变量的声明
        语法:
            var 变量名;//声明
            var 变量名=值;//声明并赋值
            ex:
                var uname="张三丰";
                var uage = 18;
                var result = 17+18;
        注意:
            1、如果声明变量未赋值的话,那么值默认为undefined
            2、声明变量时,可以不加 var 关键字,但不推荐
        同时声明多个变量:
            var 变量名1,变量名2=值,变量名3;
    2、变量名的命名规范
        1、不能使用语言的关键字和保留关键字
        2、可以包含字母,数字,_,$
            var user_name; 正确
            var user-name; 错误

            var $uname; 正确
            var %uname; 错误
        3、不能以数字开头
        4、尽量见名知意
            var a;
            var uname;
            var yonghuming;
        5、可以采用 "驼峰命名法"来命名
            var uname;
            var userName;
    3、变量的使用
        1、声明变量未赋值,值为 undefined
        2、使用未声明过的变量,语法错误
        3、为变量赋值 - SET操作
            只要变量出现在赋值符号的左边一律是赋值操作
            ex:
                var uname="张三丰";
                uname="张无忌";
        4、获取变量的值 - GET操作
            只要变量没出现在赋值符号的左边那么就一律是取值操作
            ex:
                var uname = "Sanfeng.Zhang";//赋值
                console.log(uname); //取值
                document.write(uname);//取值
                var newName = uname;
                //newName : 赋值操作
                //uname : 取值操作

                var num = 15;
                num = num + 15;
    4、常量
        1、什么是常量
            一经声明就不允许修改的数据称之为 常量
        2、声明常量
            const 常量名=值;
            
            注意:常量名一律采用全大写方式来声明
 4、数据类型
    1、什么是数据类型
        保存在变量中的数据的类型,约束了数据在内存中所占据的空间大小
        计算机中最小的计量单位:bit(位)
        8bit = 1byte(字节)
        1024byte = 1KB(千字节)
        1024KB = 1MB(兆字节)
        1024MB = 1GB
        1024GB = 1TB
    2、数据类型分类
        1、原始类型(基本类型)
            1、number类型
                数字类型,可以表示32位的整数或64位的浮点数
                整数:
                    十进制 :var num = 125;
                    八进制 :var num = 010;
                    十六进制:var num= 0x10;
                小数:
                    小数点计数法:var num=123.456;
                    指数计数法:var num = 3.2e3;
            2、string类型
                字符串类型
                用于表示一系列的文本数据,由Unicode字符,标点,数字来组成

                Unicode :是一种字符系统,该系统下所有的字符都会有一个独一无二的字符码 - Unicode码
                Unicode码:是一个十六进制的数字
                    "张".charCodeAt().toString(16);
                    结果:5f20

                    将Unicode码再转换成字符:
                    var str = "\u5f20";

                中文的范围:
                    "\u4e00" ~ "\u9fa5"

                JS 中的转义字符:
                    \n : 换行
                    \t : 一个制表符(Tab键的距离)
                    \" : 表示一个 "
                    \' : 表示一个 '
                    \\ : 表示一个 \
            3、boolean类型
                表示 真 或 假
                仅有两个值 :true 和 false
                 true : 真
                 false : 假
                在实际运算中,true当1运算,false当0运算
            4、undefined
                语义:访问的数据不存在
                场合:
                    1、声明变量未赋值
                    2、试图访问对象不存在的属性

            5、null
                语义:表示空值

            6、symbol(ES6新增)
        2、引用类型
posted @ 2020-08-21 18:27  柒涩波  阅读(102)  评论(0编辑  收藏  举报