ES5之new关键字的作用是什么？

不要做切图仔

于 2018-09-16 22:52:04 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：原型链文章标签： new JavaScript

本文链接：https://blog.youkuaiyun.com/qq_36470086/article/details/82730781

原型链专栏收录该内容

3 篇文章

订阅专栏

本文深入解析JavaScript中new关键字的使用方法及其实现原理，通过代码示例解释如何使用new关键字创建对象并调用构造函数，同时提供了一种自定义new操作符的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、new 关键字的用法

function A() {};
var a = new A();

new关键字后面跟随一个函数，会在new之后立即执行。其执行的步骤如下：

创建一个新对象var obj = {};
obj调用A函数，A.call(obj)，目的是执行A.prototype.constructor函数，并且将其内部作用域变为新对象obj；
注：A === A.prototype.constructor // true
返回obj对象

重写new关键字代码

function A() {};
function New(f) {
    var obj = {"__proto__": f.prototype};
    f.call(obj);//继承父类的属性
    return obj; //返回一个Object
}

//验证
var a = new(A);
a instanceof A; //true