JavaScript入门（二）

2018-09-13 本文已影响0人暴走的金坤酸奶味

标识符

在JS中所有的可以由我们自主命名的都可以称为是标识符
例如：变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则：
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是ES中的关键字或保留字
4.标识符一般都采用驼峰命名法
首字母小写，每个单词的开头字母大写，其余字母小写helloWorld xxxYyyZzz
JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符
千万不要用中文

关键字和保留字符

关键字

image.png

保留字符

image.png

其他不建议使用的标识符

image.png

变量

变量的作用是给某一个值或对象标注名称。
比如我们的程序中有一个值123，这个值我们是需要反复使用的，这个时候
我们最好将123这个值赋值给一个变量，然后通过变量去使用123这个值。
变量的声明：
使用var关键字声明一个变量。
var a;
变量的赋值：
使用=为变量赋值。
a=123;
声明和赋值同时进行：
var a = 123;

数据类型

数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。
对于不同的数据类型我们在进行操作时会有很大的不同。
JavaScript中一共有5种基本数据类型：
字符串型（String）
数值型（Number）
布尔型（Boolean）
null型（Null）
undefined型（Undefined）
这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数
据类型。

typeof运算符

使用typeof操作符可以用来检查一个变量的数据类型。
使用方式：typeof 数据，例如 typeof 123。
返回结果：
typeof 数值 number
typeof 字符串 string
typeof 布尔型 boolean
typeof undefined undefined
typeof null object

String

String用于表示一个字符序列，即字符串。
字符串需要使用 ’或 ”括起来。
转义字符：

image.png
将其他数值转换为字符串有三种方式：toString()、String()、拼串(+)。

Number


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Number</title>
    <script type="text/javascript">
        /*
        在JS中所有的数值都是Number类型，
            包括整数和浮点数（小数）
        JS中可以表示的数字的最大值
            Number.MAX_VALUE
                1.7976931348623157e+308
            Number.MIN_VALUE 大于0的最小值
                5e-324

            如果使用Number表示的数字超过了最大值，则会返回一个
                Infinity 表示正无穷
                -Infinity 表示负无穷
                使用typeof检查Infinity也会返回number
        NaN 是一个特殊的数字，表示Not A Number
            使用typeof检查一个NaN也会返回number
        */
        //数字123
        var a = 123;
        //字符串123
        var b = "123";
        
        /*
        可以使用一个运算符 typeof 来检查一个变量的类型
        语法：typeof 变量    
            检查字符串时，会返回string
            检查数值时，会返回number
        */
        // console.log(typeof a);

        a = Number.MAX_VALUE * Number.MAX_VALUE;
        a = Infinity;
        a = "abc" * "bcd";
        a = NaN;
        // console.log(typeof a);

        a = Number.MIN_VALUE;
        // console.log(a);

        /*在JS中整数的运算基本可以保证精确*/
        var c = 123456789 + 987654321;

        /*
        如果使用JS进行浮点运算，可能得到一个不精确的结果
        所以千万不要使用JS进行对精确度要求比较高的运算
        */
        c = 0.1 + 0.2;
        console.log(c);
    </script>
</head>
<body>

</body>
</html>

Boolean(布尔型)

布尔型也被称为逻辑值类型或者真假值类型。
布尔型只能够取真（true）和假（false）两种数值。除此以外，其他的值都不被支持。
其他的数据类型也可以通过Boolean()函数转换为布尔类型

image.png

Undefined

Undefined 类型只有一个值，即特殊的 undefined 。
在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined。例如：
var message;
message 的值就是 undefined。
需要注意的是typeof对没有初始化和没有声明的变量都会返回
undefined。

Null

Null 类型是第二个只有一个值的数据类型，这个特殊的值是null 。
从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object。
undefined值实际上是由null值衍生出来的，所以如果比较
undefined和null是否相等，会返回true；

强制类型转换


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>强制类型转换</title>
    <script type="text/javascript">
        /*
        强制类型转换
            - 指将一个数据类型强制转换为其他的数据类型
            - 类型转换主要指，将其他的数据类型，转换为
                String Number Boolean
        */
        /*
        将其他的数据类型转换为String
        方式一：
            - 调用被转换数据类型的toString()方法
            - 该方法不会影响到原变量，它会将转换的结果返回
            - 但是注意：null和undefined这两个值没有toString()方法，如果调用他们的方法，会报错
        方式二：
            - 调用String()函数，并将被转换的数据作为参数传递给函数
            - 使用String()函数做强制类型转换时，
                对于Number和Boolean实际上就是调用的toString()方法
                但是对于null和undefined，就不会调用toString()方法
                它会将 null 直接转换为 "null"
                将 undefined 直接转换为 "undefined"
        */
        var a = 123;

        //调用a的toString()方法
        //调用xxx的yyy()方法，就是xxx.yyy()
        a = a.toString();

        a = true;
        a = a.toString();

        a = null;
        //a = a.toString(); //报错

        a = undefined;
        //a = a.toString(); //报错

        a = 123;
            
        //调用String()函数，来将a转换为字符串
        a = String(a);

        a = null;
        a = String(a);
        
        a = undefined;
        a = String(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Number</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Number
        转换方式一：
            使用Number()函数
                - 字符串 --> 数字
                    1.如果是纯数字的字符串，则直接将其转换为数字
                    2.如果字符串中有非数字的内容，则转换为NaN
                    3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
                - 布尔 --> 数字
                    true 转成 1
                    false 转成 0
                - null --> 数字 0
                - undefined --> 数字 NaN
        
        转换方式二：
            - 这种方式专门用来对付字符串
            - parseInt() 把一个字符串转换为一个整数
            - parseFloat() 把一个字符串转换为一个浮点数
        */
        var a = "123";

        //调用Number()函数来将a转换为Number类型
        a = Number(a);

        a = "789abc";
        a = Number(a);

        a = "";
        a = Number(a);

        a = "      ";
        a = Number(a);

        a = true;
        a = Number(a);

        a = false;
        a = Number(a);

        a = null;
        a = Number(a);

        a = undefined;
        a = Number(a);

        a = "123.567a456px";
        //调用parseInt()函数将a转换为Number
        //parseInt()可以将一个字符串中的有效的整数内容去出来，然后转换为Number
        a = parseInt(a);

        // parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
        a = "123.456.789px";
        a = parseFloat(a);

        //如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作
        a = true;
        a = parseInt(a);

        a = 198.23;
        a = parseInt(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Boolean</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Boolean
            使用Boolean()函数
                - 数字 ---> 布尔
                    - 除了0和NaN，其余的都是true
                - 字符串 ---> 布尔
                    - 除了空串，其余的都是true
                - null和undefined都会转换为false
                - 对象也会转换为true
        */      
        var a = 123; //true
        a = -123; //true
        a = 0; //false
        a = Infinity; //true
        a = NaN; //false
        
        //调用Boolean()函数来将a转换为布尔值
        a = Boolean(a);

        a = "hello";//true
        a = "true";//true
        a = "false";//true
        a = "错误";//true
        a = " ";//true
        a = "";//false
        a = Boolean(a);
        
        a = null; //false
        a = Boolean(a);
        
        a = undefined; //false
        a = Boolean(a);
        
        a = window; //true
        a = Boolean(a);
        
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Number</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Number
        转换方式一：
            使用Number()函数
                - 字符串 --> 数字
                    1.如果是纯数字的字符串，则直接将其转换为数字
                    2.如果字符串中有非数字的内容，则转换为NaN
                    3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
                - 布尔 --> 数字
                    true 转成 1
                    false 转成 0
                - null --> 数字 0
                - undefined --> 数字 NaN
        
        转换方式二：
            - 这种方式专门用来对付字符串
            - parseInt() 把一个字符串转换为一个整数
            - parseFloat() 把一个字符串转换为一个浮点数
        */
        var a = "123";

        //调用Number()函数来将a转换为Number类型
        a = Number(a);

        a = "789abc";
        a = Number(a);

        a = "";
        a = Number(a);

        a = "      ";
        a = Number(a);

        a = true;
        a = Number(a);

        a = false;
        a = Number(a);

        a = null;
        a = Number(a);

        a = undefined;
        a = Number(a);

        a = "123.567a456px";
        //调用parseInt()函数将a转换为Number
        //parseInt()可以将一个字符串中的有效的整数内容去出来，然后转换为Number
        a = parseInt(a);

        // parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
        a = "123.456.789px";
        a = parseFloat(a);

        //如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后在操作
        a = true;
        a = parseInt(a);

        a = 198.23;
        a = parseInt(a);

        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

其他进制数


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他进制的数字</title>
    <script type="text/javascript">
        var a = 123;
            
        /*
        在js中，如果需要表示16进制的数字，则需要以0x开头
            如果需要表示8进制的数字，则需要以0开头
            如果要要表示2进制的数字，则需要以0b开头，但是不是所有的浏览器都支持
        */
        
        //十六进制
        a = 0x10;
        a = 0xff;
        a = 0xCafe;
        
        //八进制数字
        a = 070;
        
        //二进制数字
        //a = 0b10;
        
        //像"070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析
        a = "070";
        
        // a = parseInt(a);
        //可以在parseInt()中传递一个第二个参数，来指定数字的进制
        a = parseInt(a,10);
        
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

JavaScript入门（二）

标识符

关键字和保留字符

关键字

保留字符

其他不建议使用的标识符

变量

数据类型

typeof运算符

String

Number

Boolean(布尔型)

Undefined

Null

强制类型转换

其他进制数

猜你喜欢

热点阅读