美文网首页
Kevin的Javascript学习笔记(1)- 数据类型和运算

Kevin的Javascript学习笔记(1)- 数据类型和运算

作者: kevin_captain | 来源:发表于2018-02-08 13:26 被阅读25次

    什么是值?

    个人理解为保存在计算机内存里面的数据为值,JS里面的值有6中类型:数字(number)字符串(string)布尔值(boolean)对象(object)函数(function)未定义类型(undefined)

    数字

    JS(JavaScript的缩写),我们生活中可以写一个很大的数字,比如9999999999999999999999999999...99,但是JS不一定能够保存这么大的数字,JS是用固定的64位二进制(8字节)保存数字值的,其中有一个位用来表示正负,叫做符号位,还有一些位用来表示小数位。JavaScript内部,所有数字都是以64位浮点数形式储存,即使整数也是如此
    也可以用科学记数法:

    var num = 1.34e+3;      // 定义一个num变量,值为数字值1.34e+3
    console.log(num);      // 输出1340
    

    特殊数字

    Infinity :正无穷大,Infinity-1 的结果仍为 Infinity
    -Infinity :负无穷大
    NaN:非数值,例如,在计算 0/0 或 Infinity-Infinity 的时候产生不精确或者毫无意义的结果时,就用NaN来表示,包含NaN的运算仍为NaN

    字符串

    JS用成对的单引号或双引号来表示字符串

    var str = "Hello World";
    console.log(str);    // Hello World
    

    字符串可以使用+运算符进行多个字符串之间的拼接

    布尔值

    布尔值表示“真”和“假”两种情况,该值有两种取值: truefalse
    例如:

    console.log(3 > 4 );    // false
    

    运算符

    算术运算符

    + 加,可以用于字符串拼接
    - 减号或表示负号
    *
    / 除法,不能整除返回小数
    % 取余

    逻辑运算符

    && 表示“与”运算,同时为真才为真,如:

    console.log(true && false);    //false
    console.log(true && true);    //true
    

    ||表示“或”运算,其中任意一个为真就为真,如:

    console.log(true || false);    // true
    console.log(false || false);    //false
    

    !表示非运算,返回与所给的值相反的布尔值

    console.log(!true);  //false
    console.log(!false); //true
    

    逻辑运算符的短路性质
    当左侧值可以转换为true时,||运算符会返回左侧的值,否则返回右侧的值
    当左侧值可以转换为false时,&&运算符会返回左侧的值,否则返回右侧的值

    console.log(null || 'kevin');    //kevin
    console.log(null && 'kevin');  //null
    

    比较运算符

    > 大于
    < 小于
    == 等于,注意等于是两个等号,一个等号是赋值符号
    >= 大于或等于
    <= 小于或等于
    JS的自动类型转换,当运算符用在错误的数据类型上时,JS会将其自动转换成自己期望的类型,如下:

    console.log( 2 * null );    // 0
    console.log( 2 * undefined);   //NaN
    console.log( '5' - 1 );    //4
    console.log( '5' + 1);   // 51
    console.log( "five" * 2);  //NaN
    console.log( false == 0);  //true
    

    注意第三行console.log('5'+1);输出的是字符串'51'
    所以有时候,会出现console.log(5 == '5')输出true,很显然不符合我们的需求,所以有另外一个比较符:
    === 严格等于,会判断数据类型是否一致
    !==严格不等于

    console.log(5 === '5');  //false
    

    ?:三元操作符,先判断?号前面表达式真假值,为真返回:左边的值,为假返回:号右边的值

    console.log( 3>2 ? 3 : 2  );    //3
    console.log( 3<2 ? 3 : 2 );    //2
    

    另外:

    这一章里面主要介绍了JS的数据类型,那么我们用var去声明和定义一个数据,怎么获取该数据的类型呢?我们可以使用 typeof运算符去简单获取,如下:

    var a = 12;
    var s = '你好';
    var b = true;
    var n = null;
    var o = {};
    var f = function(){};
    console.log(typeof a);    //number
    console.log(typeof b);    //boolean
    console.log(typeof s);    //string
    console.log(typeof n);    //object
    console.log(typeof o);    //object
    console.log(typeof f);    //function
    console.log(typeof undefined);    //undefined
    

    关于类型的精确判断,后面章节再详细记录。

    相关文章

      网友评论

          本文标题:Kevin的Javascript学习笔记(1)- 数据类型和运算

          本文链接:https://www.haomeiwen.com/subject/gdfttftx.html