博客
关于我
js的new关键字
阅读量:206 次
发布时间:2019-02-28

本文共 970 字,大约阅读时间需要 3 分钟。

new关键字的作用

通过new关键字实例化构造函数,获取对象。

在JavaScript中,new关键字用于创建一个对象,这个对象是通过调用构造函数实现的。构造函数执行后,会返回一个新的对象,这个对象会继承构造函数原型链上的属性和方法。

以下是一个简单的示例:

<script> function Person(name) { this.name = name; this.say = function() { console.log(this.name); } } Person.prototype.age = '18'; Person.prototype.sayYes = function() { console.log('yyy'); } </script>
let p = new Person('小明'); console.log(p);

通过new关键字实例化的对象p,具备了构造函数Person中this的属性:name,也具备了构造函数Person的原型prototype的属性age和方法sayYes。

实现过程

当使用new关键字调用构造函数时,JavaScript会执行以下步骤:

  • 创建一个空对象,并且this变量引用该对象,同时还继承了该函数的原型。
  • 原型的属性和方法被加入到this引用的对象中。原型的执行,确定对象obj的原型链。
  • 新创建的对象由this所引用,并且最后隐士的返回this。绑定this对象为obj,传入参数;执行person构造函数,进行属性和方法的赋值操作。
  • 返回结果。注意:在通过该种方式获取对象时,最终不一定返回的是对象o,要看构造函数的返回值是什么。如果函数返回的是基本类型值,实际会生成一个对象,返回o。如果是函数返回的是引用类型值,则实际返回的是该引用类型值。

  • 例如,以下代码展示了通过new关键字实例化对象的过程:

    var obj = {}; obj.__proto__ = Person.prototype; person.call(obj, '小明');

    在这个过程中,obj会被作为this对象绑定,并传入参数'小明'执行person构造函数。执行后,person.call返回的结果是obj,即为new关键字创建的对象p。该对象会具备Person构造函数赋予的属性和方法。

    转载地址:http://iycp.baihongyu.com/

    你可能感兴趣的文章
    python | fastFM,一个高级的 Python 库!
    查看>>
    python | feature_engine,一个实用的 Python 库!
    查看>>
    python | filelock,一个超酷的 Python 库!
    查看>>
    python | fire,一个强大的 Python 库!
    查看>>
    python | flanker,一个神奇的 Python 库!
    查看>>
    python | flower,一个强大的 Python 库!
    查看>>
    python | funcy,一个超强的 提供函数式编程工具 Python 库!
    查看>>
    python | ggplot,一个超强的 Python 库!
    查看>>
    python | grab,一个强大的 Python 库!
    查看>>
    python | gunicorn,一个非常实用的 Python 库!
    查看>>
    python | h5py,一个无敌的关于 HDF5 的 Python 库!
    查看>>
    python | huey,一个非常厉害的 任务调度 Python 库!
    查看>>
    python | hypothesis,一个有趣的 Python 库!
    查看>>
    python | Indico,一个超酷的 Python 库!
    查看>>
    python | isort,一个有趣的 自动整理导入语句 的Python 库!
    查看>>
    python | jinja,一个超酷的 Python 库!
    查看>>
    python | joblib,一个强大的 Python 库!
    查看>>
    python调用git bash_Python学习第70课-用Git Bash在命令行打开sublime
    查看>>
    python | jsonschema,一个实用的 验证 JSON 数据结构 Python 库!
    查看>>
    python课程的中期报告范文_课题研究中期总结报告范文
    查看>>