[JamTin]开门见山——JS构造函数

开门见山——JS构造函数

学完this后接着提一个构造函数。

• 构造函数就是一个普通函数，创建方式和普通函数没有区别。
• 构造函数习惯上首字母大写。
• 构造函数与普通函数的区别：普通函数是直接调用，构造函数需要使用new关键字调用。
• 构造函数的执行流程：
  1. 立即创建一个新的对象。
  2. 将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象。
  3. 逐行执行函数中的代码。
  4. 将新建的对象作为返回值返回。

function Person(){
    this.name = "张三";
}

var per = new Person();

console.log(per);// => Person
console.log(per.name);// => "张三"

上面的张三作为name是写死了的，我们可以利用传参灵活地创建对象。

function Person(name){
    this.name = name;
}

var per = new Person("张三");

console.log(per.name);// => "张三"

• 使用同一个构造函数创建的对象，我们称为一类对象。

  • 我们将通过一个构造函数创建的对象，称为该类的实例。

  console.log(per); // => Person

  var per = new Person(); // => per为Person类的实例

  • 使用instanceof可以检查一个对象是否是一个类的实例

  console.log(per instanceof Person); // => true

  所有的对象都是Object的后代，任何对象和Object用instanceof检查都会返回true。

---

接上期this的情况：

1. 当以函数的形式调用时，this是window。
2. 当以方法的形式调用时，谁调用方法 this就是谁。
3. 当以构造函数的形式调用时，this就是新创建的那个对象。