當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS基础_使用工厂方法创建对象（了解下就行了，用的不多）
生活随笔
收集整理的這篇文章主要介紹了
JS基础_使用工厂方法创建对象（了解下就行了，用的不多）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8 /*
9 * 創建一個對象
10 */
11 var obj = {
12 name:"孫悟空",
13 age:18,
14 gender:"男",
15 sayName:function(){
16 alert(this.name);
17 }
18 };
19
20 //--------------------------------------------------------------------------
21
22 /*
23 * 使用工廠方法創建對象
24 * 通過該方法可以大批量的創建對象
25 */
26 function createPerson(name , age ,gender){
27 //創建一個新的對象
28 var obj = new Object();
29 //向對象中添加屬性
30 obj.name = name;
31 obj.age = age;
32 obj.gender = gender;
33 obj.sayName = function(){
34 alert(this.name);
35 };
36 //將新的對象返回
37 return obj;
38 }
39
40 /*
41 * 用來創建狗的對象
42 */
43 function createDog(name , age){
44 var obj = new Object();
45 obj.name = name;
46 obj.age = age;
47 obj.sayHello = function(){
48 alert("汪汪~~");
49 };
50
51 return obj;
52 }
53
54 var obj2 = createPerson("豬八戒",28,"男");
55 var obj3 = createPerson("白骨精",16,"女");
56 var obj4 = createPerson("蜘蛛精",18,"女");
57
58 /*
59 * 使用工廠方法創建的對象，使用的構造函數都是Object
60 * 所以創建的對象都是Object這個類型，
61 * 就導致我們無法區分出多種不同類型的對象
62 */
63
64 //創建一個狗的對象
65 var dog = createDog("旺財",3);
66
67 console.log(JSON.stringify(dog));//{"name":"旺財","age":3}
68 console.log(JSON.stringify(obj4));//{"name":"蜘蛛精","age":18,"gender":"女"}
69
70
71 </script>
72 </head>
73 <body>
74 </body>
75 </html>
?
轉載于:https://www.cnblogs.com/ZHOUVIP/p/7726296.html
總結
以上是生活随笔為你收集整理的JS基础_使用工厂方法创建对象（了解下就行了，用的不多）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： cogs 1456. [UVa 1088
- 下一篇： 173. 二叉搜索树迭代器/94. 二叉