JavaScript中的new关键字怎么用

发布时间:2022-03-16 11:50:35 作者:小新
来源:亿速云 阅读:141
# JavaScript中的new关键字怎么用

在JavaScript中,`new`关键字用于创建对象实例,其核心作用是**调用构造函数并绑定原型链**。以下是其基本用法和原理:

## 基本语法
```javascript
function Person(name) {
  this.name = name;
}
const person = new Person('张三'); // 创建实例

执行过程

当使用new时,JS引擎会按顺序执行以下步骤: 1. 创建空对象:生成一个新的空对象 {} 2. 绑定原型:将对象的__proto__指向构造函数的prototype 3. 绑定this:将构造函数内的this指向该对象 4. 执行构造函数:运行构造函数中的代码(添加属性/方法) 5. 返回对象:若构造函数未显式返回对象,则自动返回新对象

注意事项

  1. 忘记使用new:普通调用时this指向全局对象(严格模式下为undefined
    
    const p = Person('李四'); // 错误用法,name会被泄漏到全局
    
  2. 箭头函数不能作为构造函数(无this绑定和prototype属性)

手动实现new

function myNew(constructor, ...args) {
  const obj = Object.create(constructor.prototype);
  const result = constructor.apply(obj, args);
  return result instanceof Object ? result : obj;
}

掌握new的机制有助于理解JavaScript的原型继承体系,是面向对象编程的基础。 “`

推荐阅读:
  1. JavaScript中new有什么用
  2. JavaScript模拟实现new关键字的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript new

上一篇:JavaScript如何实现图片懒加载

下一篇:JavaScript如何实现Object.assign

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》