首页 > 技术文章 > Web全栈工程师之路(三)——JavaScript篇(二)——基本语法

BoneSakura 2020-05-06 11:58 原文

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~ 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>JS初步(二)————基本语法</title>
    <script type="text/javascript">
        /* 
            多行注释
            JS注释
        */

        //单行注释

        /* 
            1.JS中会严格区分大小写
            2.JS中每一条语句以分号‘;’结尾
                - 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源
                - 如果不写分号,有时候浏览器可能会加错分号
            3.JS中会自动忽略多个空格和换行,所以可以利用空格和换行对代码进行格式化


         */

        /* 
            字面量(常量):不可变的值
            变量:可变的值,可用来保存字面量,变量更加方便我们使用
            声明变量:在JS中使用var关键字来声明一个变量,这是变量使用的前提

         */

        var a; //声明变量
        a = 123; //为变量赋值
        var b = 456; //同时变量与赋值
        document.write(a); //输出变量
        
        /* 
            标识符
                - 在JS中所有的可以由我们自主命名的都可以称为是标识符
                - 例如:变量名、函数名、属性名都属于标识符
                - 命名一个标识符时需要遵守如下规则:
                    1.标识符中可以含有字母、数字、下划线、$字符
                    2.标识符不能以数字开头
                    3.标识符不能是ES中的关键字或保留字
                    4.标识符一般都采用驼峰命名法
                        - 首字母小写,每个单词的开头字母大写,其余字母小写
                        - 例如:helloWorld、selectOut、xxxYyyZzz
                - JS底层保存标识符时实际上是采用的Unicode编码,理论上讲utf-8里的所有字符都可以作为变量名
            
            数据类型(字面量的类型)
                - String 字符串
                - Number 数值
                - Boolean 布尔值
                - Null 空值
                - Undefined 未定义
                上面几个属于基本数据类型
                - Object 对象
                这个属于引用数据类型
        
                String 字符串
                - 使用时记得用引号引起来
                - 双引号单引号皆可
                - 引号嵌套中,只能让不同类型的引号相互嵌套,例如:'""'、"''"
                - 在字符串中可以使用\作为转义字符
                    比如在"前面加\,即\",这表示这个"只是单纯的字符,而不具有其他含义
                    \" 表示 "
                    \' 表示 '
                    \n 表示换行
                    \t 表示制表符tab
                    \\ 表示斜杠

                Number 数值
                    - 在JS中所有的数值都是Number类型,包括整数、浮点数
                
                typeof运算符
                    - 可以使用一个运算符typeof来检查一个变量的类型
                    - 语法:typeof 变量
                    - 检查变量类型后,会返回变量的类型(在输出语句的辅助下)

                JS中可以表示的数字的最大值:Number.MAX_VALUE
                    - 如果使用Number表示的数值超过了最大值,则会返回一个Infinity(正无穷)
                    - 同理-Infinity表示负无穷
                
                JS中可以表示的数字的最小值:Number.MIN_VALUE
                    - 输出显示的其实是零以上的最小值,即可以表示的最小正数

                Boolean 布尔值
                    - 只可能有两种值,false(假)或者true(真),通常用来判断真假

                Null 空值
                    - Null类型的值只有一个,就是null
                    - null是专门用来表示一个为空的对象
                    - 使用typeof检查一个null值时,会返回object

                Undefined 未定义                        
                    - Undefined类型的值只有一个,就是undefined
                    - 当声明变量,但不给其赋值,则它的值就是undefined
        */
        alert(typeof b); //输出a的类型

        console.log(Number.MAX_VALUE); //输出数字类型所能表示的最大值
        console.log(Infinity);
        
        //NaN是一个特殊的数字,表示Not A Number
        c = "abc" * "abc";
        console.log(c); //输出显示NaN
        console.log(typeof c) //这里的类型其实就是NaN的类型,为number

        /* 
            在JS中整数的运算基本可以保证结果精确,但有关浮点数的运算可能会得到不精确的结果
            所以千万不要使用JS进行对精确度要求比较高的要求的运算
         */
        var d = 0.1 + 0.2;
        console.log(d); //输出结果是0.3000...0004(中间15个0)



    </script>
</head>
<body>
    
</body>
</html>

 

推荐阅读