码迷,mamicode.com
首页 > 其他好文 > 详细

ES6深入浅出-7 新版的类(上集)-1.介绍原型

时间:2019-11-10 22:43:23      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:png   object   bsp   window   直接   为什么   参数   开发   介绍   

ES6新出的关键class
技术图片
BE受雇与网景开发了JS
技术图片


当我们在写一个对象的时候,我们实际上内存的形式表示。
技术图片
obj等于一个空对象,可以直接toString。它为什么可以有toString
技术图片
window是一个全局的对象。
技术图片
window下有个object的属性。
技术图片
技术图片
通过window.Object.prototype找到了toString
技术图片
为了方便理解,当说原型的时候 先理解为共用属性。
技术图片
toString是很多对象的共用属性。

当谢var obj为一个空对象的时候,为什么可以获取到toString的方法呢???
技术图片
当你写这个空对象的时候,因为js做了一个特殊的逻辑

每一个对象都会有一个xxx属性指向它的原型,
技术图片
当访问obj.toString的时候。这个xxx就起作用了。实际上调用的是409的toString
技术图片

技术图片

这样可以做到代码复用。再声明一个obj2同样可以用到toString
技术图片
数组的toString是怎么拿到这个123的
技术图片
为什么不同的对象调用同一个toString,得到不同的结果
当写obj.toString等价于写obj.toString.call(obj) 。等价call这个参数,并把这个参数传进去。
技术图片


技术图片

push的原型是怎么获取到的

技术图片

当调用a.push的时候,会去内存里面所有的对象里面去找这个方法,找到xxx里面,再找到原型里面找到了push方法
技术图片
技术图片

技术图片

结束





 

ES6深入浅出-7 新版的类(上集)-1.介绍原型

标签:png   object   bsp   window   直接   为什么   参数   开发   介绍   

原文地址:https://www.cnblogs.com/wangjunwei/p/11832009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!