我们每次创建对象时,常常会遇到属性和方法大量相同的情况,如果每次都创建相似的对象,代码就显得冗长多余,所以为了优化,我们往往利用函数调用的形式来简化这些代码,因为普通函数建立的对象并不能区分不同的对象,因此构造函数应运而生。
构造函数
个人解释:构造函数就是创建对象的函数,便于多对象代码优化。
官方解释:构造函数就是通过函数创建多个属性和方法相同的对象。
执行流程:
1、在内存中立刻创建一个空对象。
2、构造函数中的this指向构造函数new出来的实例对象。
3、逐行执行函数中的代码
4、将新建的对象作为返回值返回。
构造函数和普通函数区分:
1、构造函数也是普通函数,创建方式和普通函数没区别,不过构造函数习惯上首字母大写(便于与普通函数区分)。
2、构造函数不需要return就可以返回结果(返回的是一个新对象),普通函数没return会返回undefined。
3、构造函数时必须使用new关键字调用来实例化对象,普通函数不需要。
4、构造函数属性和方法前必须添加this,普通函数不需要。
5、普通函数this指向window,构造函数this指向new出来的实例对象。
this
解析器在调用函数时,每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this。this指向的是一个对象,这个对象我们称之为函数执行的上下文对象,根据函数的"调用方式"不同,this会指向不同的对象。this可以理解为"当前对象的"。
1、以函数的形式调用时,this永远都是window。
2、以方法的形式调用时,this就是调用方法的那个对象。
3、以构造函数的形式调用时,this就是新创建的那个对象。
示例:
<script>
// 普通方式创建对象
var person1 =
{
name:"张三",
age:16,
grade:6,
show_id:function()
{
console.log("0001");
}
}
var person2 =
{
name:"李四",
age:21,
grade:8,
show_id:function()
{
console.log("0002");
}
}
var person3 =
{
name:"王五",
age:18,
grade:6,
show_id:function()
{
console.log("0003");
}
}
// 以函数形式(工厂方法)创建对象
function person(name,age,grade,id)
{
var per = new Object();
per.name = name;
per.age = age;
per.grade = grade;
per.show_id = function()
{
console.log(id);
}
return per;
}
var per1 = person("张三",16,6,"0001");
var per2 = person("李四",21,8,"0002");
var per3 = person("王五",18,6,"0003");
console.log(per1);
// 以构造函数形式创建对象
function Person(name,age,grade,id)
{
this.name = name;
this.age = age;
this.grade = grade;
this.show_id = function()
{
console.log(this.id);
}
}
var per11 = new Person("张三",16,6,"0001");
var per22 = new Person("李四",21,8,"0002");
var per33 = new Person("王五",18,6,"0003");
console.log(per11);
</script>