美文网首页
JS数据类型、运算符

JS数据类型、运算符

作者: leiuno | 来源:发表于2017-08-23 23:08 被阅读0次

    一、数据类型

    JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值)

    • 数值(number):整数和小数(比如1和3.14)
    • 字符串(string):字符组成的文本(比如"Hello World")
    • 布尔值(boolean):true(真)和false(假)两个特定值
    • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
    • null:表示无值,即此处的值就是“无”的状态。
    • 对象(object):各种值组成的集合
    原始类型(primitive type)

    数值(number)、字符串(string)、布尔值(boolean)

    复杂类型(complex type)

    对象(object):狭义的对象(object)、数组(array)、函数(function)

    undefined和null,一般将它们看成两个特殊值。

    二、typeof运算符

    typeof运算符可以返回一个值的数据类型

    • 原始类型
    typeof 123 // "number"
    typeof '123' // "string"
    typeof false // "boolean"
    
    • 函数
    function f() {}
    typeof f
    // "function"
    
    • undefined
    typeof undefined
    // "undefined"
    

    利用这一点,typeof可以用来检查一个没有声明的变量,而不报错。这个特点通常用在判断语句。

    if (typeof v === "undefined") {
      // ...
    }
    
    • 其他,除此以外,其他情况都返回object
    typeof window // "object"
    typeof {} // "object"
    typeof [] // "object"
    typeof null // "object"
    

    三、==与===有什么区别

    JavaScript 提供两种相等运算符:==和===。
    相等运算符(==)比较两个值是否相等,严格相等运算符(===)比较它们是否为“同一个值”。如果两个值不是同一类型,严格相等运算符(===)直接返回false,而相等运算符(==)会将它们转化成同一个类型,再用严格相等运算符进行比较。

    相等运算符(==)
    • 原始类型的值
      原始类型的数据会转换成数值类型再进行比较。

    • 对象与原始类型值比较
      对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。

    • undefined和null
      undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。

    严格相等运算符(===)
    • 原始类型值
      同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。
    • 复合类型值
      两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。
    {} === {} // false
    [] === [] // false
    (function (){} === function (){}) // false
    

    上面代码分别比较两个空对象、两个空数组、两个空函数,结果都是不相等。原因是对于复合类型的值,严格相等运算比较的是,它们是否引用同一个内存地址,而运算符两边的空对象、空数组、空函数的值,都存放在不同的内存地址,结果当然是false。

    如果两个变量引用同一个对象,则它们相等。

    var v1 = {};
    var v2 = v1;
    v1 === v2 // true
    
    • undefined 和 null
      undefined和null与自身严格相等。
    undefined === undefined // true
    null === null // true
    

    四、以下代码的输出结果是?为什么?

    console.log(1+1);           //2 , number+number做加法运算
    console.log("2"+"4");      //"24" , string+string字符串拼接
    console.log(2+"4");        //"24" ,有一个参数是字符串,会把另一个参数转为字符串,字符串拼接
    console.log(+"4");         //4 , 只有一个字符串参数,会尝试将其转为数字
    

    五、以下代码的输出结果是?

    var a = 1;  
    a+++a;      //3 , ++优先级比+高,所以相当于(a++)+a
    typeof a+2;   //"number2" , typeof的优先级高,高于加减乘除,相当于(typeof a) + 2
    

    相关文章

      网友评论

          本文标题:JS数据类型、运算符

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