码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-08-23 10:34:27      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:title   set   cal   ret   round   return   content   资源   utf-8   

工厂方式构造对象:
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.每个对象都有一套自己的函数——浪费资源。
 
函数的叫法:
函数:独立的,自由的。
方法:属于一个对象的函数。
事件处理函数:用于处理一个事件的函数。
构造函数:创建一个对象的函数 = 类。
 
 

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

标签:title   set   cal   ret   round   return   content   资源   utf-8   

原文地址:http://www.cnblogs.com/sese/p/7414288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!