new操作符

最新推荐文章于 2022-11-16 22:35:03 发布

爱学习的小欣欣

最新推荐文章于 2022-11-16 22:35:03 发布

阅读量200

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_47227886/article/details/124121079

版权

JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

本文深入解析JavaScript中的new操作符的工作原理，包括创建新对象、设置this、原型继承、构造函数执行以及返回新对象等步骤。通过实例展示了Person构造函数的使用，演示了如何添加属性和方法，并调用了原型上的test方法。

摘要由CSDN通过智能技术生成

new的执行过程：

创建一个新的空对象；
让 this 指向这个新的对象；
该对象继承该函数的原型；
执行构造函数里面的代码，给这个新对象添加属性和方法；
返回这个新对象（所以构造函数里面不需要return）。

function Person() {
            this.name = 'Andy';
            this.age = 20;
            this.say = function () {
            console.log('hello everybody');
            }
    }

    Person.prototype.test = function(){
        console.log('test');
    };

	let p1 = new Person();
	console.log(p1.name);//'Andy'
    console.log(p1.age);//20
    p1.say();//'hello everybody'
    p1.test();//'test'