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

工厂方式构造对象：
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.每个对象都有一套自己的函数——浪费资源。
 
函数的叫法：
函数：独立的，自由的。
方法：属于一个对象的函数。
事件处理函数：用于处理一个事件的函数。
构造函数：创建一个对象的函数 = 类。
 
 
posted @ 2017-08-22 23:39  前端[色色]  阅读(236)  评论(0)  编辑  收藏  举报