您的位置：首页 > Web前端 > JavaScript

JS面向对象之类的创建

2018-02-23 10:57 134 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航