JS中构造函数和普通函数的区别

构造函数也是函数，来看代码：

//定义构造函数
function Person(name){
    this.name=name
    Person.prototype.age=16
}
//创建实例对象
let p=new Person('Kobe')
console.log(p.name)		//	Kobe
console.log(p.age)		//	16

//创建普通函数
function getName(){
    console.log(p.name)
}
//调用普通函数
getName()		//	Kobe

构造函数也是函数，不难看出构造函数和普通函数的定义方式是一样的。

构造函数和普通函数的显著区别在于二者的调用方式和用途不用：

• 构造函数通过new关键字来调用，用来创建实例对象

//定义构造函数
function Person(name){
    this...
    ...
}
//创建实例对象
let p=new Person('Kobe')

• 普通函数直接调用，是用来执行特定任务的代码块

//创建普通函数
function getName(){
    console.log(p.name)
}
//调用普通函数
getName()

---

通过new关键字来调用构造函数会执行如下操作：

1.在堆内存中创建一个新的对象

2.this指向这个新对象

3.执行函数中的代码(通过this语句为新对象添加属性)

4.返回这个新对象

上述执行操作第四点需要注意的是：如果在构造函数中执行return语句，并返回一个非空对象，那么构造函数执行完毕后会将这个对象返回，并不会返回在堆内存中创建的新对象。看如下示例：

//定义构造函数
function Person(name){
    this.name=name
    Person.prototype.age=16
    return{
        msg:'hello world'
    }
    
}
//创建实例对象
let p=new Person('Kobe')
console.log(p)		//	{msg: "hello world"}

这里的构造函数执行return语句返回了非空对象：{msg: “hello world”}，最终构造函数会返回该对象，并不会返回在堆内存中创建的新对象。如果return语句返回的不是非空对象而是其他值，又或者没有return语句，则返回堆内存中创建的对象。