JavaScript中new操作符的详细过程

理解new对象过程,需要提前了解原型及原型链的相关知识
我们都知道,JS当中创建对象使用的是原型设计模式,即使用new操作符调用构造函数
这里先看一个例子:

function Person(name,sex){
    this.name = name;
    this.sex = sex;
};
Person.prototype.go = function(){
    return this.name;
} 
var p = new Person('金文','男');

这个过程可以分为4个步骤,具体如下:
①创建一个新的对象

var obj = {};

②把该对象的__proto__属性设置为构造函数的prototype属性,即完成原型链

obj.__proto__ = Person.prototype;

③执行构造函数中的代码,构造函数中的this指向该对象(obj)

obj.name = '金文';
obj.sex = '男';
obj.go = function(){return '金文';}

④返回该对象obj;

var obj = {
    name:'金文',
    sex:'男',
    go:function(){
        return '金文';
    }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值