ECMAScript中的构造函数可用来创建特定类型的对象。我们可以创建自定义构造函数，从而定义对象类型的属性和方法，解决工厂模型中对象识别的问题。
<!DOCTYPE html>
<html>
<head>
<title>构造函数模型</title>
<script type="text/javascript">
function Student(name,age,sex){//构造函数首字母大写，普通函数首字母小写
//直接将属性和方法赋值给this对象
this.name=name;
this.age=age;
this.sex=sex;
this.sayName=function(){
alert(this.name);
};
}
/****************************** 构造函数模型 ******************************/
/*创建Student的新实例实际经历的步骤：
（1）创建一个新对象
（2）将构造函数的作用域赋值给新对象（因此this指向了新对象）
（3）执行构造函数中的代码（为新对象添加属性和方法）
（4）返回新对象
*/
var stu1=new Student("Lucy",10,"girl");//使用操作符new
var stu2=new Student("Bob",9,"boy");
//以上的stu1和stu2这两个对象的constructor(构造函数)属性均指向Student
alert(stu1.constructor==Student);//true
alert(stu2.constructor==Student);//true
//对象的constructor属性最初是用来表示对象类型的。检测对象类型使用instanceof更可靠
alert(stu1 instanceof Student);//true
alert(stu2 instanceof Student);//true
alert(stu1 instanceof Object);//true
alert(stu2 instanceof Object);//true
/*************************************************************************/
/**************************** 1.构造函数当作函数 **************************/
//当作构造函数
var stu3=new Student("Nike",10,"boy");
stu3.sayName();//"Nike"
//当作普通函数
Student("Greg",13,"boy");//添加到window对象
window.sayName();//"Greg"
//在另一个作用域中调用
var o=new Object();
Student.call(o,"Kristen",8,"girl");
o.sayName();//"Kristen"
/************************************************************************/
/**************************** 2.构造函数模型问题 *************************/
//问题：每个方法都要在每个实例上重新创建一遍，不同实例上的同名函数是不相等的。为解决这一问题于是就有了原型模型
alert(stu1.sayName==stu2.sayName);//false
/************************************************************************/
</script>
</head>
<body>
</body>
</html>
部分摘自《JavaScript高级程序设计(第3版)》
原文地址：https://www.cnblogs.com/planetwithpig/p/11530794.html
时间： 2024-11-11 06:49:54