你真的懂JavaScript基础类型吗

夯实Javascript基础。git

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

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

基础类型特性

基础类型最重要的特性bash

  • 基础类型是不变的
    • 所以:基础类型没有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);
    复制代码

其余特性ui

  • 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'

基础类型检测

检测基础类型用 typeofspa

// typeof 只适合检测 基础类型

  typeof new Date() // 'object'
  typeof [] // 'object'
  typeof {} // 'object'
  typeof console.log // 'function'
复制代码

基础类型转换

基本类型转换时,首先会调用 valueOf,而后调用 toString。而且这两个方法能够重写。prototype

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该方法在转基本类型时调用优先级最高。code

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

  1 + a // => 4
复制代码

四则运算

  • 在四则运算中,除了'+' 其余操做都会以数字进行计算
  • 若是是 + 运算,若是不是全部字面量都是number,那么会转换为字符串(toString)进行拼接

End

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

相关文章
相关标签/搜索