js的new操作符做了什么操作

最新推荐文章于 2024-11-20 13:58:11 发布

原创最新推荐文章于 2024-11-20 13:58:11 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细解析了JavaScript中使用new关键字创建对象的过程，包括创建空对象、设置原型链、执行构造函数并返回新对象。同时，介绍了如何通过构造函数和原型属性为对象添加属性和方法。

new一个构造函数时，中间有什么过程？

创建了一个空对象obj
将构造函数的prototype赋给对象的__proto__
构造函数对象作用域及this指针指向obj
返回对象

// 定义构造函数
function Person (name='李四', age=20) {
    this.name = name
    this.age = age
    this.action = function () {
        console.log(`${this.name}今年${this.age}啦！`)
    }
}
// 构造函数的原型属性和方法定义
Person.prototype.color = 'skyblue'
Person.prototype.style = function () {
    console.log('hello')
}

// 实例化
let p = new Person('胡小帅', 18)
console.log(p)

// 当前属性
console.log(p.name)
// 当前的方法
p.action()
console.log(p.color)
// 原型方法
p.style()