开发者社区> 问答> 正文

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

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

展开
收起
请回答1024 2020-04-02 13:31:34 1977 0
2 条回答
写回答
取消 提交回答
  • 有点尴尬唉 你要寻找的东西已经被吃掉啦!
    1. 对象的[[class]]属性

    所有typeof返回值为“object”的对象(如数组)都包含一个内部属性[[class]],这个属性无法直接访问,一般通过Object.prototype.toString(..)来查看。

    console.log(Object.prototype.toString.call([1,2,3]));  //[object Array]
    
    console.log(Object.prototype.toString.call(/\d/));    //[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());
    

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

    如果想要得到封装对象中的基本类型值,可以使用valueOf()函数。 复制代码

    //封装对象的拆封
    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());
    

    复制代码

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

    Object.prototype.toString.call( [1,2,3] );
    // "[object Array]"
    
    Object.prototype.toString.call( /regex-literal/i );
    // "[object RegExp]"
    
    2020-04-02 13:31:49
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载