JS的内置类型(基本类型+引用类型)

JS的内置类型(基本类型+引用类型)

  • 基本类型
    • 知识拓展:
    • 1、number
    • 2、string
    • 3、boolean
    • 4、null
    • 5、undefined
    • 6、symbol
  • 引用类型
    • 1、object

基本类型

对于基本类型来说,如果使用字面量的方式,那么这个变量只是个字面量,只有在必要的时候才会转换为对应的类型

知识拓展:

字面量:

let str1 = 'this is a string';
let num1 = 1314

基本类型变量:

let str2 = String('this is a string');
let num2 = Number(1314);

对象实例:

let str3 = new String('this is a string');
let num3 = new Number(1314);

区分对象类型和基本类型:

str2 === str1  //true 基本类型和字面量完全相等

str3 === str1  //false
  
基本类型变量(没有使用new创建的变量)严格等于字面值,对象实例则不会。基本类型是根据值来进行比较的,而值是字面值。

1、number

JS的数字类型是浮点类型不是整型,并且浮点类型基于IEEE 754标准实现的,在使用的过程中会遇到某些bug,比如0.1 + 0.2 不等于 0.3 。NaN也属于数字类型,但是NaN不等于它本身。

typeof 1 //number

2、string

typeof '1' //string

3、boolean

typeof true // boolean

在条件判断时,除了 undefined, null, false, NaN, ‘’, 0, -0,其他所有值都转为 true,包括所有对象。

4、null

typeof null // object

虽然null是基本类型,但是它的typeof值却是object,为什么会出现这种情况呢?因为在JS最初的版本中,使用的是32位的系统,为保证性能采用了低位存储变量的类型信息,000开头即表示对象(object),然而null表示全零,所以将它错误的判断为object,虽然后来经过修正,内部判断代码改变了,但是这个错误却一直留存下来。

5、undefined

typeof undefined // undefined

没有声明的变量 typeof 值也会显示 undefined

typeof a // a没有声明 undefined

6、symbol

typeof Symbol() // symbol

引用类型

1、object

typeof [] // 'object'
typeof {} // 'object'
typeof console.log // 'function'

对于对象,typeof值除了函数都显示object,如果我们想正确的区分变量的类型是array还是object,我们可以使用 Object.prototype.toString.call(xx),可以获得带有变量类型的 [object Type] 的字符串。

对象在转换基本类型时,首先会调用 valueOf 然后调用 toString。并且这两个方法你是可以重写的,当然你也可以重写 Symbol.toPrimitive ,该方法在转基本类型时调用优先级最高。toPrimitive > valueOf > toString

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

你可能感兴趣的:(JS,JavaScript)