<!DOCTYPE html>
<html>
<head>
<title>JS面向对象之类的创建</title>
</head>
<body>
<script type="text/javascript">
/* 对象*/
/*var obj = new obj();
obj.name = "z3";
obj.sex = "男";
obj.age = 20;*/
/* 模拟类*/
// 1.工厂模型
/* function createPerson(name,sex,age)
{
var obj = new Object();
obj.name = name;
obj.sex = sex;
obj.age = age;
obj.sayName = function() {
alert("我是"+this.name);
}
return obj;
}
var p1 = createPerson("z3","男",20);
var p2 = createPerson("z4","女",25);*/
// 2.构造函数式
function Person(name, sex, age) {
this.name = name;
this.sex = sex;
this.age = age;
this.sayName = function() {
alert(this.name);
}
}
// 创造对象的方式
// (1) 当做构造函数使用
// 构造一个对象 需要new关键字,传递参数,执行函数模板,返回对象
/* var p1 = new Person("z3","男",20);
var p2 = new Person("z2","女",25);*/
// (2) 作为普通函数调用
//var p2 = Person("z3","男",20);//Person()执行完就是给windows对象加属性,this总是指向当前调用对象
// (3) 在另一个对象的作用域中使用 --> 使用call() ,apply()
var o = new Object();
Person.call(o,"z3","男",20);
alert(o instanceof Person);//false 此时 o的构造器是object
</script>
</body>
</html>
<html>
<head>
<title>JS面向对象之类的创建</title>
</head>
<body>
<script type="text/javascript">
/* 对象*/
/*var obj = new obj();
obj.name = "z3";
obj.sex = "男";
obj.age = 20;*/
/* 模拟类*/
// 1.工厂模型
/* function createPerson(name,sex,age)
{
var obj = new Object();
obj.name = name;
obj.sex = sex;
obj.age = age;
obj.sayName = function() {
alert("我是"+this.name);
}
return obj;
}
var p1 = createPerson("z3","男",20);
var p2 = createPerson("z4","女",25);*/
// 2.构造函数式
function Person(name, sex, age) {
this.name = name;
this.sex = sex;
this.age = age;
this.sayName = function() {
alert(this.name);
}
}
// 创造对象的方式
// (1) 当做构造函数使用
// 构造一个对象 需要new关键字,传递参数,执行函数模板,返回对象
/* var p1 = new Person("z3","男",20);
var p2 = new Person("z2","女",25);*/
// (2) 作为普通函数调用
//var p2 = Person("z3","男",20);//Person()执行完就是给windows对象加属性,this总是指向当前调用对象
// (3) 在另一个对象的作用域中使用 --> 使用call() ,apply()
var o = new Object();
Person.call(o,"z3","男",20);
alert(o instanceof Person);//false 此时 o的构造器是object
</script>
</body>
</html>