LuckyWinty / fe-weekly-questions

A pro to record some interview questions every week...
MIT License
341 stars 34 forks source link

内部属性 [[Class]] 是什么? #73

Open LuckyWinty opened 4 years ago

LuckyWinty commented 4 years ago

所有 typeof 返回值为 "object" 的对象(如数组)都包含一个内部属性 [[Class]](我 们可以把它看作一个内部的分类,而非传统的面向对象意义上的类)。这个属性无法直接访问, 一般通过 Object.prototype.toString(..) 来查看。例如:

Object.prototype.toString.call( [1,2,3] );  // "[object Array]" 
Object.prototype.toString.call( /regex-literal/i ); //"[object RegExp]"

多数情况下,对象的内部[[class]]属性和创建该对象的内建原生构造函数相对应,不过也不总是这样。 2.基本类型值的[[class]]属性

虽然Null()和Undefined()这样的原生构造函数并不存在,但是内部[[class]]属性仍然是“Null”和“Undefined”。

console.log(Object.prototype.toString.call(null)); //[object Null]

console.log(Object.prototype.toString.call(undefined)); //[object Undefined]

其他基本类型值的情况有所不同:

console.log(Object.prototype.toString.call("abc")); //[object String]

console.log(Object.prototype.toString.call(42));  //[object Number]

console.log(Object.prototype.toString.call(true)); //[object Boolean]

基本类型值被各自的封装对象自动包装,所以他们的内部[[class]]属性分别为“String”,“Number”和“Boolean”。 3.封装对象

由于基本类型值没有.length和.toString()这样的属性和方法,需要通过封装对象才能访问,此时Javascript引擎会自动为基本类型值包装一个封装对象。

//封装对象包装

var b = 'abc';
console.log(b.length);
console.log(b.toUpperCase());
```js
一般不直接使用封装对象(即通过new操作创建基本类型值),优先考虑使用“abc”和“42”这样的基本类型值,而不是new String("abc") 和 new Number(42)。 4.拆封

如果想要得到封装对象中的基本类型值,可以使用valueOf()函数。 
```js
//封装对象的拆封
var s = new String( "abc" );
var n = new Number( 42 );
var b = new Boolean( true );

console.log(s.valueOf());
console.log(n.valueOf());
console.log(b.valueOf());
yarbei commented 4 years ago

也就是说每个对象在创建的时候都会带有一个class的内部属性,这个属性无法直接访问,一般通过Object.prototype.toString(...)来进行查看,对象的内部[[class]]属性和创建该对象的内建原生构造函数是相对应的,但是也有例外,如null和undefined。总的来说class代表的是数据的类型值。周老师,我这样理解对吗?

AnathanPham commented 3 years ago

请问,null哪来的[[class]]?