JavaScript中new操作符的详细过程

2020-02-04  本文已影响0人  有鱼是只猫

理解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 '金文';

    }

}

上一篇 下一篇

猜你喜欢

热点阅读