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

js学习笔记31----工厂方式

2017-08-22 23:39 162 查看

工厂方式构造对象：

1.原料---构造函数，创建一个对象
“构造函数”，就是专门用来生成“对象”的函数。它提供模板，作为对象的基本结构。一个构造函数，可以生成多个对象，这些对象都有相同的结构。

2.加工---属性，方法

3.出厂---返回结果

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<title>工厂方式</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
function createPerson(name,sex){  //构造函数：创建一个对象
//1.原料
var obj = new Object();

//2.加工
obj.name = name;
obj.sex = sex;

obj.showName = function(){
alert('我的名字叫'+this.name);
}
obj.showSex = function(){
alert('我是'+this.sex+'的');
}

//3.出厂
return obj;
}
var p1 = createPerson('sese','女');
var p2 = createPerson('JJ','男');
p1.showName();
p1.showSex();
p2.showName();
p2.showSex();
</script>
</head>
<body>
</body>
</html>

工厂方式的问题：
1.没有new;
2.每个对象都有一套自己的函数——浪费资源。

函数的叫法：
函数：独立的，自由的。
方法：属于一个对象的函数。
事件处理函数：用于处理一个事件的函数。
构造函数：创建一个对象的函数 = 类。

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

标签：

相关文章推荐

新的分享

章节导航