JS中的七大数据类型

缺乏、安全感 2021-09-19 00:30 377阅读 0赞

### 七大数据类型 ###

包括五种基本数据类型（`Undefined`、`Null`、`Boolean`、`Number` 和 `String`）、一种复杂数据类型（`Object`）和一种新的原始数据类型（`Symbol`）

### 三大引用类型 ###

`Object`类型、`Array`类型、`Function`类型

### Undefined ###

*  只有一个值，即`undefined`值
 *  使用`var`声明了变量，但未给变量初始化值，那么这个变量的值就是`undefined`
 *  访问一个对象不存在的属性时，也会返回`undefined`
 *  调用函数时，应该提供的参数没有提供，该参数的值等于`undefined`
 *  函数没有返回值时，默认返回`undefined`

var a
    console.log(a)  // undefined
    
    var obj = { 
    	name: 'lisi',
    	// age: 20
    }
    
    console.log(obj.age)  // undefined

### Null ###

*  只有一个值，即 `null` 值
 *  `null` 值表示一个空对象指针

var a = null
    console.log(typeof a)  // object

### Boolean ###

*  该类型只有两个值，`true` 和 `false`

### Number ###

*  `Number`类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值
 *  `NaN`为非数字类型（`Not a Number`）  
        1. 涉及到的 任何关于`NaN`的操作，都会返回`NaN`  
        2. `NaN`不等于任何数值包括它本身

console.log(NaN === NaN)       // false
    console.log(NaN === true)      // false
    console.log(NaN === false)     // false
    console.log(NaN === null)      // false
    console.log(NaN === undefined) // false
    console.log(NaN + 1)   // NaN
    console.log(NaN - 1)   // NaN
    console.log(NaN * 2)   // NaN
    console.log(NaN / 2)   // NaN
    console.log(NaN % 2)   // NaN
    console.log(99 % 0)    // NaN
    console.log(99 / 0)    // Infinity

### String ###

*  字符串有 `length` 属性
 *  String类型用于表示由零或多个16位`Unicode`字符组成的字符序列，即字符串
 *  字符串可以由单引号 ’ ’ 或双引号 " " 表示

### Object ###

*  JS中对象是一组属性与方法的集合
 *  引用类型是一种数据结构，用于将数据和功能组织在一起
 *  引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法

### Symbol ###

*  表示独一无二的值
 *  `Symbol`值通过`Symbol`函数生成  
        凡是属性名属于 `Symbol` 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突

// 没有参数的情况
    let s1 = Symbol();
    let s2 = Symbol();
    
    s1 === s2 // false
    
    // 有参数的情况
    let s1 = Symbol('foo');
    let s2 = Symbol('foo');
    
    s1 === s2 // false

*  `Symbol`函数前不能使用`new`命令  
        因为生成的`Symbol`是一个原始类型的值，不是对象，不能添加属性
 *  `Symbol`函数可以接受一个字符串作为参数，表示对`Symbol`实例的描述  
        为了在控制台显示，或者转为字符串时，比较容易区分
 *  `Symbol`值可以作为标识符，用于对象的属性名，能保证不会出现同名的属性  
        因为每一个 `Symbol` 值都是不相等的，能防止某一个键被不小心改写或覆盖
 *  `Symbol` 值不能与其他类型的值进行运算，会报错

// Symbol 值不能与其他类型的值进行运算，会报错
    let sym = Symbol('My symbol');
    
    "your symbol is " + sym
    // TypeError: can't convert symbol to string
    `your symbol is ${ sym}`
    // TypeError: can't convert symbol to string

*  `Symbol` 值可以显式转为字符串和布尔值，但是不能转为数值

// Symbol 值可以显式转为字符串和布尔值，但是不能转为数值
    let sym1 = Symbol('My symbol');
    
    String(sym1)     // 'Symbol(My symbol)'
    sym1.toString()  // 'Symbol(My symbol)'
    
    let sym2 = Symbol();
    Boolean(sym2)    // true
    !sym2            // false
    
    if (sym2) { 
      // ...
    }
    
    Number(sym2)  // TypeError
    sym2 + 2     // TypeError

*  消除魔术字符串  
        魔术字符串指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值。风格良好的代码，应该尽量消除魔术字符串，该由含义清晰的变量代替

// 常用的消除魔术字符串的方法，就是把它写成一个变量
    
    const shapeType = { 
      triangle: 'Triangle'
    };
    
    function getArea(shape, options) { 
      let area = 0;
      switch (shape) { 
        case shapeType.triangle:
          area = .5 * options.width * options.height;
          break;
      }
      return area;
    }
    
    getArea(shapeType.triangle, {  width: 100, height: 100 });

*  属性名遍历  
        `Symbol` 作为属性名，该属性不会出现在`for...in`、`for...of`循环中，也不会被 `Object.keys()`、`Object.getOwnPropertyNames()`、`JSON.stringify()` 返回。但是，它也不是私有属性，有一个`Object.getOwnPropertySymbols()`方法，可以获取指定对象的所有 `Symbol` 属性名  
        `Object.getOwnPropertySymbols()`方法返回一个数组，成员是当前对象的所有用作属性名的 `Symbol` 值