开门见山——JS构造函数
学完this后接着提一个构造函数。
- 构造函数就是一个普通函数,创建方式和普通函数没有区别。
- 构造函数习惯上首字母大写。
- 构造函数与普通函数的区别:普通函数是直接调用,构造函数需要使用new关键字调用。
- 构造函数的执行流程:
- 立即创建一个新的对象。
- 将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象。
- 逐行执行函数中的代码。
- 将新建的对象作为返回值返回。
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的情况:
- 当以函数的形式调用时,this是window。
- 当以方法的形式调用时,谁调用方法 this就是谁。
- 当以构造函数的形式调用时,this就是新创建的那个对象。