你真的懂JavaScript基础类型吗

夯实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信息更多哦,你的⭐是我最大的支持。
查看详情

    原文作者:zhongmeizhi
    原文地址: https://segmentfault.com/a/1190000018750848
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞