乐趣区

JavaScript-类型研究-ObjectprototypetoStringcall

JavaScript 的数据类型, 想到的是 7 种基本数据类型

基本类型
Undefined
Null
Boolean
String
Number
Symbol
引用类型
Object

类型说明

有空再写了~

type of 类型和 运行时类型

这就要从 Object.prototype.toString.call(obj)说起了。
Object.prototype.toString.call(obj)可以检测传入对象 obj 的数据类型, 但是他和常用的 type of 又有一些不同。

JavaScript 的对象类型都继承自 Object, 但是每个对象的 toString 会被改写。

可以参考以下尝试验证过程

let arr_0 = ['a', 1, 2]
console.log(arr_0.toString()) // a,1,2
console.log(Array.prototype.hasOwnProperty('toString')) // true 这里还有 toString 方法
delete Array.prototype.toString  // 删除数组的 toString 方法
console.log(Array.prototype.hasOwnProperty('toString')) // false- 数组的 toString 已经被删除了
console.log(arr_0.toString()) // [object Array]

所以, 不同类型的数据在使用 toString()方法的时候, 会因为类在继承 Object 的时候改写了 toString()方法, 表现出不同的结果
整理了个表格备忘

有兴趣的同学可以自己试一试下面的代码

function getType2String(target) {return Object.prototype.toString.call(target)
}
console.table({null: { val: null, typeof: typeof null, toString: getType2String(null) },
  'Symbol(s1)': {val: Symbol('s1'), typeof: typeof Symbol('s1'), toString: getType2String(Symbol('s1')) },
  '[]': { val: [], typeof: typeof [], toString: getType2String([]) },
  '{}': { val: {}, typeof: typeof {}, toString: getType2String({}) },
  '(function(){})': {val: (function () {}), typeof: typeof (function () {}), toString: getType2String((function () {})) },
  1: {val: 1, typeof: typeof 1, toString: getType2String(1) },
  ab: {val: 'ab', typeof: typeof 'ab', toString: getType2String('ab') },
  true: {val: true, typeof: typeof true, toString: getType2String(true) },
  Object: {val: Object, typeof: typeof Object, toString: getType2String(Object) },
  'void 0': {val: void 0, typeof: typeof void 0, toString: getType2String(void 0) },
  undefined: {val: undefined, typeof: typeof undefined, toString: getType2String(undefined) },~~~~
})
退出移动版