第七章 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定义的属性有什么区别?(答案我们在下章揭示)

posted @   吹鱼算法  阅读(569)  评论(6编辑  收藏  举报
编辑推荐:
· 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,谁才是开发者新宠?
点击右上角即可分享
微信分享提示