什么是构造函数?（JavaScript）

什么是构造函数?

构造函数也称之为构造器（constructor），通常是我们在创建对象时会调用的函数，在其他面向的编程语言里面，构造函数是存在于类中的一个方法，称之为构造方法，但是JavaScript中的构造函数有点不太一样

JavaScript中的构造函数是怎么样的呢？

构造函数也是一个普通的函数，从表现形式来说，和千千万万个普通的函数没有任何区别，构造函数也是一个普通的函数，从表现形式来说，和千千万万个普通的函数没有任何区别；

代码示例：

function foo () {
  console.log("foo~, 函数体代码")
}
// foo就是一个普通的函数
// foo()//普通的调用foo函数

// 换一种方式来调用foo函数: 通过new关键字去调用一个函数, 那么这个函数就是一个构造函数了
var f1 = new foo
console.log(f1)
1
2
3
4
5
6
7
8
9

那么如何用构造函数创建多个对象呢？

示例：

// 规范: 构造函数的首字母一般是大写,用构造函数创建多个对象
function Person(name, age, height, address) {
  this.name = name
  this.age = age
  this.height = height
  this.address = address

  this.eating = function() {
    console.log(this.name + "在吃东西~")
  }

  this.running = function() {
    console.log(this.name + "在跑步")
  }
}

var p1 = new Person("张三", 18, 1.88, "广州市")
var p2 = new Person("李四", 20, 1.98, "北京市")

console.log(p1)
console.log(p2)
p1.eating()
p2.eating()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

这个构造函数可以确保我们的对象是有Person的类型的。

但是构造函数就没有缺点了吗？

构造函数也是有缺点的，它在于我们需要为每个对象的函数去创建一个函数对象实例

那么被new调用有什么特殊的呢？

new操作符调用的作用

如果一个函数被使用new操作符调用了，那么它会执行如下操作：

1. 在内存中创建一个新的对象（空对象）
2. 这个对象内部的[[prototype]]属性会被赋值为该构造函数的prototype属性；
3. 构造函数内部的this，会指向创建出来的新对象
4. 执行函数的内部代码（函数体代码）
5. 如果构造函数没有返回非空对象，则返回创建出来的新对象