美文网首页前端开发程序员IT@程序员猿媛
你真的懂JavaScript基础类型吗

你真的懂JavaScript基础类型吗

作者: zhongmeizhi | 来源:发表于2019-04-03 11:46 被阅读0次

    夯实Javascript基础。

    基本类型有六种: null,undefined,boolean,number,string,symbol。

    基本类型的值是保存在栈内存中的简单数据段

    基础类型特性

    基础类型最重要的特性

    • 基础类型是不变的
      • 因此:基础类型没有splice,sort之类的直接改变变量的方法
      • 强行改变基础类型会报错
        // str 不能调用 Array的 sort 和 splice
      
        Array.prototype.sort.call('strxyz');
        // Uncaught TypeError: Cannot assign to read only property '2' of object '[object String]'
      
        Array.prototype.splice.call('strxyz');
        // Uncaught TypeError: Cannot assign to read only property 'length' of object '[object String]'
      
      
        // object 可以使用 Array的sort 和 splice
      
        Array.prototype.sort.call({x: 1, y: 2});
        // {x: 1, y: 2}
      
        Array.prototype.splice.call({x: 1, y: 2});
        // []
      
    • 基础类型没有__proto__没有属性
        str.x = 1;
        console.log(str.x); // undefined
      
    • 所有对基础类型属性的访问都是访问的基本包装类型(String、Number、Boolean)
        当你调用 `str.length` 时,实际过程是这样的:
        - 创建String类型的一个实例
        - 在实例上调用指定的方法
        - 销毁这个实例
      
        var str = 'abc';
        var _str = new String(str);
        var len = _str.length;
        _str = null;
        console.log(len);
      

    其他特性

    • typeof null === 'object'
      • (历史遗留问题,因为000开头表示对象,而null全是0)
    • 条件判断时 undefined null false NaN '' 0 -0 为 false,其他都为 true
      • (条件判断时会隐式转换为Boolean)
    • JS只有浮点类型(double),没有整型
      • 1 === 1.0
    • NaN 也属于 number 类型,并且 NaN 不等于自身。
      • var a = NaN; a !== a;
    • String 类型是类数组,具有iterator
      • typeof String('x')[Symbol.iterator] === 'function'

    基础类型检测

    检测基础类型用 typeof

      // typeof 只适合检测 基础类型
    
      typeof new Date() // 'object'
      typeof [] // 'object'
      typeof {} // 'object'
      typeof console.log // 'function'
    

    基础类型转换

    基本类型转换时,首先会调用 valueOf,然后调用 toString。并且这两个方法可以重写。

      var a = 1;
    
      var obj = {x: 1};
      obj.toString === '[object Object]';
    
      var arr = [2, 3];
      arr.toString() === '2,3';
    
      a + obj === '1[object Object]';
      a + arr === '12,3';
    

    Symbol.toPrimitive该方法在转基本类型时调用优先级最高。

      let a = {
        valueOf() {
          return 1;
        },
        toString() {
          return '2';
        },
        [Symbol.toPrimitive]() {
          return 3;
        }
      }
    
      1 + a // => 4
    

    四则运算

    • 在四则运算中,除了'+' 其他操作都会以数字进行计算
    • 如果是 + 运算,如果不是所有字面量都是number,那么会转换为字符串(toString)进行拼接

    End

    持续更新中,Github信息更多哦,你的⭐是我最大的支持。查看详情

    相关文章

      网友评论

        本文标题:你真的懂JavaScript基础类型吗

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