美文网首页
JavaScript中new操作符的详细过程

JavaScript中new操作符的详细过程

作者: 有鱼是只猫 | 来源:发表于2020-02-04 17: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 '金文';

    }

}

相关文章

  • JavaScript中new操作符的详细过程

    理解new对象过程,需要提前了解原型及原型链的相关知识 我们都知道,JS当中创建对象使用的是原型设计模式,即使用n...

  • 2021-06-19 new操作符的实现

    JavaScript中的new操作符的原理 例子 先定义了一个构造函数Person,然后通过new操作符生成Per...

  • JavaScript中typeof,instanceof,has

    一. typeof操作符 typeof操作符用于返回正在使用值的类型。 在《JavaScript启示录》中new ...

  • JavaScript中的new操作符

    话不多说,直接看荔枝: 结果输出: 从上面的荔枝我们可以看出使用new操作符后,typeof这个实例,得到的obj...

  • 不积跬步之JavaScript new Class()的时候发生

    一个问题:在JavaScript中new Class()一个对象的时候,具体会发生什么? new操作符会进行如下的...

  • 知乎 JavaScript部分

    (1)JavaScript的数据类型 (2)JavaScript的闭包 (3)new 操作符到底做了什么 (4)改...

  • new 操作符实现

    new 在 JavaScript 中是实例化一个对象的操作符 实现一个 new 生成了一个新的对象 链接到原型链 ...

  • Javascript 中new操作符的意义

    如果在一个函数前面带上new来调用,那么背地里将会创建一个连接到改函数的prototype成员的新对象,同时Thi...

  • JavaScript 中 new 操作符的原理

    ?总结 创建一个空对象 空对象的内部属性 __proto__ 赋值为构造函数的 prototype 属性 将构造函...

  • JavaScript的new操作符

    以前常常用的new运算符,一new就出来一个对象,神奇的很,现在我们来看见这个new底层究竟干了些什么 一、解析n...

网友评论

      本文标题:JavaScript中new操作符的详细过程

      本文链接:https://www.haomeiwen.com/subject/knzrxhtx.html