第七章 new的三步曲
这章是本系列文章的重点,这章揭示了js对象的真正本质
看下面的事例
var a = new b(); 等价于 ①var a={}; ②a.__proto__=b.prototype; ③b.call(a);
上面的事例揭示了 用new的方法 创建对象的过程,下面问你来详细分析下这个过程
我们首先定义一个函数
function person(){ this.pname="lily"; this.psay=function(){ console.log("hello word"); } } person.prototype.pwrite=function(){ console.log("I am lily"); }
下面我们来定义一个对象
var myp=new person();
然后我们按着三步曲,一步一步的去看,每步都做了什么
第一步
var myp={};
我想这步就不需要解释了,就是定义了一个空对象
第二步
myp.__proto__=person.prototype;
注意: 这个地方大家姑且这样理解,__proto__为对象原型链)
.....
第三步
person.call(myp); 这步等价于下面 myp.pname="lily"; myp.psay=function(){ console.log("hello word"); }
到这里new的三步曲已经完毕,大家接下来可以自己写程序验证下。这里大家思考一个问题:
在构造函数里面 用this.xx定义的属性和object.prototype.xxx定义的属性有什么区别?(答案我们在下章揭示)
分类:
JavaScript精要
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?