JavaScript--构造函数_js 构造函数有什么好处-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_46198692/article/details/109671770

本文详细介绍了JavaScript中的构造函数，包括其定义、好处、规定、与普通函数的区别、执行流程以及new.target的使用。通过实例解析构造函数如何初始化对象并赋值，同时探讨了构造函数中return的特殊性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、什么是构造函数：

构造函数就是用new关键字来调用的函数。

2、构造函数的好处：

使用过构造函数，可以减少很多重复没有意义的代码。当一个班级需要录入很多相同的数据的时候，就可以使用构造对象的方法，来实现：

function Person(name,age){
    this.name=name;
    this.age=age;
}
var person1 = new Person('张三',18);
var person2 = new Person('李四',19);

3、构造函数有两个规定：

（1）只能用 new 操作符来执行。

（2）它们的命名通常是大写的字母开头。

4、构造函数与普通函数的区别

（1）构造函数也是普通的函数，创建方式与普通函数相同，一般构造函数的首字母要大写。

（2）构造函数的调用需要new 函数名() 来进行调用，而普通函数则直接函数名()。

（3）构造函数内部需要用 this 来进行创建属性和方法。

（4）两者都可以完成函数的重载。

（5）构造函数是为了初始化对象，并将其赋值。普通函数则为了修饰对象的行为。

5、构造函数执行的流程

（1）在堆内存中创建了一个新的对象。

（2）将函数内部的this指向该内存。

（3）执行函数中的代码（变量提升，自上而下执行）。

（4）返回创建的对象。

6、通过构造器模式来进行测试：new.target

在构造器的内部，使用new.target来检查是否被new 进行了调用：

function Person(){
    console.log(new.target);
}
Person(); // undefined
new Person(); // function Person { ... }

在调用的时候，也可以省略 new 的方法

function Person(name){
    if(!new.target){ // 判断有没有new
        return new Person(name);
    }
    this.name = name;
}
var p = Person('张三');
console.log(p.name); //张三

呃。。。这种方式，也算是清新脱俗吧。

7、构造器中的return

在一般情况下，构造器是没有return的，如果return为空的话，是没有什么影响的:

function Person(name){
    this.name = '张三';
    return;
}
let p = new Person()
console.log(p.name); //张三

如果返回的是一个对象，则返回这个对象：

function Person(name){
    this.name = '张三';
    return { name : '李四'}
}
let p = new Person()
console.log(p.name); //李四