1. 首页
  2. SEO百科
  3. Web前端

Js中new操作符的详细过程攻略教程_new小白知识

理解new对象过程,需要提前了解原型及原型链的相关知识我们都知道,JS当中创建对象使用的是原型设计模式,即使用new操作符调用构造函数这里先看一个例子:function Person(name,sex){this.name = name;this.sex = sex;
};
Person.prototype.go = function(){return th

Js中new操作符的详细过程攻略教程

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

Js中new操作符的详细过程攻略教程_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 '金文';
    }
}
海计划公众号