Js中new操作符的详细过程

摘要:理解new对象过程,需要提前了解原型及原型链的相关知识;我们都知道,JS当中创建对象使用的是原型设计模式,即使用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 '金文';
    }
}

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7418