位置: 编程技术 - 正文

JavaScript中Object.prototype.toString方法的原理

编辑:rootadmin

推荐整理分享JavaScript中Object.prototype.toString方法的原理,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.

本文要讲的就是,toString方法是如何做到这一点的,原理是什么.

ECMAScript 3

在ES3中,Object.prototype.toString方法的规范如下:

在toString方法被调用时,会执行下面的操作步骤:

1. 获取this对象的[[Class]]属性的值.

2. 计算出三个字符串"[object ", 第一步的操作结果Result(1), 以及 "]"连接后的新字符串.

3. 返回第二步的操作结果Result(2).

[[Class]]是一个内部属性,所有的对象(原生对象和宿主对象)都拥有该属性.在规范中,[[Class]]是这么定义的

内部属性 描述 [[Class]] 一个字符串值,表明了该对象的类型.

然后给了一段解释:

所有内置对象的[[Class]]属性的值是由本规范定义的.所有宿主对象的[[Class]]属性的值可以是任意值,甚至可以是内置对象使用过的[[Class]]属性的值.[[Class]]属性的值可以用来判断一个原生对象属于哪种内置类型.需要注意的是,除了通过Object.prototype.toString方法之外,本规范没有提供任何其他方式来让程序访问该属性的值(查看 .2.4.2).

也就是说,把Object.prototype.toString方法返回的字符串,去掉前面固定的"[object "和后面固定的"]",就是内部属性[[class]]的值,也就达到了判断对象类型的目的.jQuery中的工具方法$.type(),就是干这个的.

在ES3中,规范文档并没有总结出[[class]]内部属性一共有几种,不过我们可以自己统计一下,原生对象的[[class]]内部属性的值一共有种.分别是:"Array", "Boolean", "Date", "Error", "Function", "Math", "Number", "Object", "RegExp", "String".

ECMAScript 5

在ES5.1中,除了规范写的更详细一些以外,Object.prototype.toString方法和[[class]]内部属性的定义上也有一些变化,Object.prototype.toString方法的规范如下:

.2.4.2 Object.prototype.toString ( )

在toString方法被调用时,会执行下面的操作步骤:

如果this的值为undefined,则返回"[object Undefined]".

如果this的值为null,则返回"[object Null]".

让O成为调用ToObject(this)的结果.

让class成为O的内部属性[[Class]]的值.

返回三个字符串"[object ", class, 以及 "]"连接后的新字符串.

可以看出,比ES3多了1,2,3步.第1,2步属于新规则,比较特殊,因为"Undefined"和"Null"并不属于[[class]]属性的值,需要注意的是,这里和严格模式无关(大部分函数在严格模式下,this的值才会保持undefined或null,非严格模式下会自动成为全局对象).第3步并不算是新规则,因为在ES3的引擎中,也都会在这一步将三种原始值类型转换成对应的包装对象,只是规范中没写出来.ES5中,[[Class]]属性的解释更加详细:

所有内置对象的[[Class]]属性的值是由本规范定义的.所有宿主对象的[[Class]]属性的值可以是除了"Arguments", "Array", "Boolean", "Date", "Error", "Function", "JSON", "Math", "Number", "Object", "RegExp", "String"之外的的任何字符串.[[Class]]内部属性是引擎内部用来判断一个对象属于哪种类型的值的.需要注意的是,除了通过Object.prototype.toString方法之外,本规范没有提供任何其他方式来让程序访问该属性的值(查看 .2.4.2).

和ES3对比一下,第一个差别就是[[class]]内部属性的值多了两种,成了种,一种是arguments对象的[[class]]成了"Arguments",而不是以前的"Object",还有就是多个了全局对象JSON,它的[[class]]值为"JSON".第二个差别就是,宿主对象的[[class]]内部属性的值,不能和这种值冲突,不过在支持ES3的浏览器中,貌似也没有发现哪些宿主对象故意使用那个值.

ECMAScript 6

ES6目前还只是工作草案,但能够肯定的是,[[class]]内部属性没有了,取而代之的是另外一个内部属性[[NativeBrand]].[[NativeBrand]]属性是这么定义的:

内部属性 属性值 描述 [[NativeBrand]] 枚举NativeBrand的一个成员. 该属性的值对应一个标志值(tag value),可以用来区分原生对象的类型.

JavaScript中Object.prototype.toString方法的原理

[[NativeBrand]]属性的解释:

[[NativeBrand]]内部属性用来识别某个原生对象是否为符合本规范的某一种特定类型的对象.[[NativeBrand]]内部属性的值为下面这些枚举类型的值中的一个:NativeFunction, NativeArray, StringWrapper, BooleanWrapper, NumberWrapper, NativeMath, NativeDate, NativeRegExp, NativeError, NativeJSON, NativeArguments, NativePrivateName.[[NativeBrand]]内部属性仅用来区分区分特定类型的ECMAScript原生对象.只有在表中明确指出的对象类型才有[[NativeBrand]]内部属性.

表 — [[NativeBrand]]内部属性的值

属性值 对应类型 NativeFunction Function objects NativeArray Array objects StringWrapper String objects BooleanWrapper Boolean objects NumberWrapper Number objects NativeMath The Math object NativeDate Date objects NativeRegExp RegExp objects NativeError Error objects NativeJSON The JSON object NativeArguments Arguments objects NativePrivateName Private Name objects

可见,和[[class]]不同的是,并不是每个对象都拥有[[NativeBrand]].同时,Object.prototype.toString方法的规范也改成了下面这样:

.2.4.2 Object.prototype.toString ( )

在toString方法被调用时,会执行下面的操作步骤:

如果this的值为undefined,则返回"[object Undefined]".

如果this的值为null,则返回"[object Null]".

让O成为调用ToObject(this)的结果.

如果O有[[NativeBrand]]内部属性,让tag成为表中对应的值.

否则

让hasTag成为调用O的[[HasProperty]]内部方法后的结果,参数为@@toStringTag.

如果hasTag为false,则让tag为"Object".

否则,

让tag成为调用O的[[Get]]内部方法后的结果,参数为@@toStringTag.

如果tag是一个abrupt completion,则让tag成为NormalCompletion("&#;&#;&#;").

让tag成为tag.[[value]].

如果Type(tag)不是字符串,则让tag成为"&#;&#;&#;".

如果tag的值为"Arguments", "Array", "Boolean", "Date", "Error", "Function", "JSON", "Math", "Number", "Object", "RegExp",或

者"String"中的任一个,则让tag成为字符串"~"和tag当前的值连接后的结果.

返回三个字符串"[object ", tag, and "]"连接后的新字符串.

表 — [[NativeBrand]] 标志值

[[NativeBrand]]值 标志值 NativeFunction "Function" NativeArray "Array" StringWrapper "String" BooleanWrapper "Boolean" NumberWrapper "Number" NativeMath "Math" NativeDate "Date" NativeRegExp "RegExp" NativeError "Error" NativeJSON "JSON" NativeArguments "Arguments"

可以看到,在规范上有了很大的变化,不过对于普通用户来说,貌似感觉不到.

也许你发现了,ES6里的新类型Map,Set等,都没有在表中.它们在执行toString方法的时候返回的是什么&#;

其中的字符串"Map"是怎么来的呢:

..5. Map.prototype.@@toStringTag

@@toStringTag 属性的初始值为字符串"Map".

由于ES6的规范还在制定中,各种相关规定都有可能改变,所以如果想了解更多细节.看看下面这两个链接,现在只需要知道的是:[[class]]没了,使用了更复杂的机制.

以上所述是小编给大家分享的JavaScript中Object.prototype.toString方法的原理,希望对大家有所帮助!

JavaScript实现乘法表及隔行变色实例代码 项目需求:实现在页面中输出乘法表。(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜

JavaScript的设计模式经典之代理模式 一、代理模式概念说明:顾名思义就是用一个类来代替另一个类来执行方法功能,这个模式跟装饰模式有点相似,不一样的是,代理模式是代替客户初

JavaScript的设计模式经典之建造者模式 一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离,使得同样的构建过程可以创建不同的表示。也就是说如果我们用了

标签: JavaScript中Object.prototype.toString方法的原理

本文链接地址:https://www.jiuchutong.com/biancheng/380337.html 转载请保留说明!

上一篇:JavaScript判断变量是否为数组的方法(Array)(js如何判断一个变量的类型)

下一篇:JavaScript实现99乘法表及隔行变色实例代码

  • 个所得税计算方法
  • 分公司的企业所得税税率是多少
  • 哪些保险保障基金可税前扣除
  • 发票税率开错了怎么办
  • 城镇土地使用税纳税义务发生时间
  • 金融类企业
  • 本月销售商品的实际成本怎么算
  • 备用金没有发票抵消违法吗
  • 小规模纳税人税率2023年是多少
  • 资产证券化会计准则
  • 简易征收的项目是否可以实行30万免税
  • 收取外部客户电费如何结转成本
  • 股东入股资本公司的条件
  • 车间房屋维修费属于什么科目
  • 销售返利的税务政策
  • 研发费用进项税额需要转出吗
  • 个人代开普通发票需要出税费吗?
  • 空调要买加湿器吗
  • 工程发票需要进项吗
  • 银行存款余额调节表保管期限
  • 不同方式的融资租赁业务如何贴花?
  • 收到外币货款账务处理
  • 出口视同内销如何申报?
  • linux常用命令详解
  • 模具费用如何平摊到产品上
  • 欠税不交的后果 个人
  • 进口应税消费品的组成计税价格为
  • 退货红冲发票要收回原发票吗
  • 爱尔兰新手岛
  • 外贸企业退税需要哪些资料
  • php数组函数题目
  • 君子兰的养殖方法
  • vue父组件怎么调用子组件的方法
  • 小规模纳税人税额怎么算
  • 工程项目出纳
  • php代码用什么工具
  • java如何解析json字符串
  • 精选100个Python实战项目案例,送给缺乏实战经验的你
  • 实收资本确认时间什么入账
  • 金蝶财务软件系统要求
  • ajax写接口
  • 外来原始凭证审核内容
  • 海关缴款书上完税价格含增值税吗
  • 房产税从何时计算缴纳
  • 个人所得税汇算清缴
  • 小型企业需要给员工买社保吗
  • 上级补助收入是指事业单位从主管部门和上级单位取得的
  • 企业所得税计算题及答案解析
  • 差旅费中火车票的进项税怎么计算
  • 房地产项目完工清算报告
  • 承租人转租房屋的后果
  • 补发工资怎么补发
  • 供应商来货怎么做会计分类
  • 公司注销后会计档案可以销毁吗
  • 广发银行的主营业务
  • 农产品怎么自产自销
  • 企业代理社保
  • 填写增值税纳税申报怎么填写?
  • 费用分析的作用
  • 生产型企业入库管理办法
  • 资产减值损失冲减
  • 企业成立前期的重点工作
  • 销售费用明细科目有哪些内容
  • sqlserver数据库怎么导出
  • win8老是弹出广告
  • Win10应用商店下载错误
  • xp电脑如何在网页打开
  • mac怎么用知云翻译
  • linux系统文件压缩命令
  • 怎么在centos中创建一个文件
  • win7系统安装教程不用u盘
  • opengl es应用开发实践指南(android卷)pdf
  • nodejs indexof
  • jquery 右键菜单
  • express如何使用
  • android_zh
  • 国家税务总局通知公告
  • 江西省电子信息职业学院
  • 开票风险预警机制蓝色预警怎么办
  • 税控盘怎么变更
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设