JavaScript构造函数的内部执行流程

最新推荐文章于 2025-11-12 10:37:03 发布

原创最新推荐文章于 2025-11-12 10:37:03 发布 · 4.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript构造函数执行

JavaScript 专栏收录该内容

34 篇文章

订阅专栏

本文阐述了构造函数与普通函数的主要区别在于调用方式，构造函数需使用new关键字调用，用于创建并初始化新对象。通过示例展示了构造函数如何生成this并设置属性。

构造函数和普通函数的区别就是调用方式的不同
普通函数是直接调用，而构造函数需要使用new关键字来调用

创建一个新的对象
将新的对象作为函数的上下文对象（this）
执行函数中的代码
将新建的对象返回

以下示例可以看出, 调用构造函数直接生成 this 才能调用构造函数的变量。

function Person(name , age , gender){
	//2. 将新的对象作为函数的上下文对象（this）
    this.name = name;
    this.age = age;
    this.gender = gender;
    this.sayName = function(){
        alert(this.name);
    };
    //3. 执行函数中的代码
}

var per = new Person("啊Q",58,"男");//1. 创建一个新的对象 
//4.最后得到结果返回给 new Person -> per