文档章节

javascript对象---9 对象的创建模式

奋斗的小芋头
 奋斗的小芋头
发布于 2016/11/27 23:30
字数 933
阅读 3
收藏 1

对象的创建模式分类

一.工厂模式

1.工厂固定生产一种或几种商品   工厂模式的使用场景 ---对象内部属性值基本一致----》

function Product( proName, Pinpai , createDate){
                
            }
            //创建多个商品对象,除了变量名不同,具有相对独立的内存空间-----商品名称、品牌相同,出产日期不同
            //不同的对象包含相同的属性,造成代码量增多

            var pro1 = new Product("酸奶","哇哈哈","2016-11-27");
            var pro2 = new Product("酸奶","哇哈哈","2016-11-27");
            var pro3 = new Product("酸奶","哇哈哈","2016-11-27");

所以使用工厂模式,对工厂赋值即可

2.工厂模式特点

工厂模式,对创建对象进行了封装,自动组装对象的内部属性

工厂模式,一般用于构建内存内容相似的对象

<script>

        //创建一个商品类----包含商品应有信息
            function
Product( proName, Pinpai , createDate){
                this.proName = proName;
                this.Pinpai = Pinpai
                this.createDate =createDate;
            }
          
 //定义一个产品工厂,为商品信息赋值
            function ProductFactory(){
            
            }
          
 //扩展产品工厂属性
            ProductFactory.proName = "酸奶";
            ProductFactory.Pinpai = "娃哈哈";
            //扩展一个方法
         
   //生产日期不同,用执行一个Date()方式的构造函数
            ProductFactory.createProduct = function(){
                var pro = new Product( ProductFactory.proName, ProductFactory.Pinpai,
new Date() );
                return pro;
            }
            
            var pro1 = new Product("酸奶","娃哈哈","2016-11-28");  //普通创建对象方式
          
 var pro2 = ProductFactory.createProduct();  //工厂创建对象方式
            
            console.log(pro1.proName);
            console.log(pro2.createDate); 
        </script>

二.构造函数模式

构造函数模式:使用构造函数创建对象实例

function Person(name,age){

     //属性
            this.name=name;    //这里this只 window
            this.age=age;

//行为
            this.sayHello = function(){
            console.log("你好,我是" + this.name);
            }
        }


      //person 对象也具有name age属性  

      //通过构造函数创建对象
        var person1 = new Person("Davi",19);

         var person2 = new Person("MIL",20);
        person1.sayHello()

构造函数执行优点:在创建对象同时,就可以给当前对象进行属性赋值

缺点:每次创建对象,都会执行赋值---资源浪费

创建第一个对象,创建一个  function 然后赋值给 run,

创建第二个对象还要创建一个run方法,创建两次函数,但执行的动作相同

每次创建对象,

3.原型模式---原型链构造方式

原型模式:将属性和方法放到构造函数的 prototype  对象中。只要创建当前构造函数的对象,对象本身就具备当前构造函数的原型对象内的方法、属性----使多个对象拥有相同的属性方法。

 

//原型链构造函数
        function Person(){
            
        }
        Person.prototype.run = function(){
            console.log("快速跑");
        }
        var person1 = new Person(); 
        var person2 = new Person(); 
        person1.run();
        person2.run();
        //person1 person2 都共有 Person的原型对象中的方法

缺点:没有办法进行赋值想赋值只能

person1.name ="zhangsan"; 

person1.age =19  -----------------增加额外编码  而且不知道Person内的属性。

1.单纯使用原型链完成对象创建,无法对对象属性进行赋值

2.无法保证每个对象的 属性名 相同

所以要进行第二种第三种整合方式

4.构造原型组合模式  --最好的方式

构造原型组合模式:使用 构造函数 原型模式 组合完成对象创建。构造函数完成基本属性的赋值,原型完成对象函数的绑定

//对象原型组合模式
        //通过构造函数 初始化对象,并赋值
        function Person( name, age){
            this.name=name;
            this.age=age;
        }
        //sayHello 等于一个匿名函数
        Person.prototype.sayHello = function(){
            console.log("名字:"+ this.name);     //this代表当前对象 Person
        }
        //在构建对象同时进行赋值
        var person1 = new Person( "Adad",18);      //person1 引用 Person
        var person2 = new Person( "Mada",18); 
        person1.sayHello();                          //谁调用 this就是谁 this为 person1
        person2.sayHello();

 

 

© 著作权归作者所有

共有 人打赏支持
奋斗的小芋头
粉丝 1
博文 161
码字总数 129345
作品 0
大连
私信 提问
三种简单写法教你Javascript对象封装

这里的内容没有太多深入的东西,更多的内容请移步麦子学院。 Javascript在HTML中变得越来越强大, HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意,使用对象的封装是极好的。这里...

yexiaobo1990
2015/07/23
0
0
JavaScript 中的面向对象编程

介绍 JavaScript 是一个强大的面向对象编程语言,但是,并不像传统的编程语言,它采用一个以原型为基础的OOP模型,致使它的语法让大多数开发人员看不懂。另外,JavaScript 也把函数作为首要的...

oschina
2016/09/09
5.1K
7
【Infragistics教程】在javascript中密封、冻结和防止对象扩展

【下载Infragistics Ultimate最新版本】 在现代的JavaScript中,对象是不可分割的,对对象周围的主题有很强的理解是编写更好的JavaScript所必需的。您可以用JavaScript以四种方式创建对象。 ...

电池盒
01/03
0
0
《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则

最少知识原则(LKP)说的是一个软件实体应当尽可能少地与其他实体发生相互作用。这 里的软件实体是一个广义的概念,不仅包括对象,还包括系统、类、模块、函数、变量等。 单一职责原则指导我们...

嗨呀豆豆呢
2018/12/30
0
0
《javascript语言精粹》读书笔记 —— 第4章 :函数

1、对象是"key-value"对的集合,并拥有一个连到原型对象的隐形链接。 2、javascript中函数就是对象。 3、函数对象与普通对象的区别: a、 对象字面量产生的对象(非函数对象)连接到Object....

凯奥斯
2013/04/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊flink TableEnvironment的scan操作

序 本文主要研究一下flink TableEnvironment的scan操作 实例 //Scanning a directly registered tableval tab: Table = tableEnv.scan("tableName")//Scanning a table from a registered......

go4it
14分钟前
1
0
JS检测移动端横竖屏的代码

移动端的设备提供了一个事件:orientationChange事件 这个事件是苹果公司为safari中添加的。以便开发人员能够确定用户何时将设备由横向查看切换为纵向查看模式。 在设备旋转的时候,会触发这...

不负好时光
15分钟前
0
0
ArrayList 优化

优化是 基于数据的大小 当数据量过大 (内存能抗住) 性能达到瓶颈才需要针对性的做优化 contain 优化 可以转换为set add 大批量操作 先预估数据量 调用 `ensureCapacity(int minCapacity)` ...

NotFound403
16分钟前
2
0
Lifecycle Aware Data Loading with Architecture Components

In my previous blog post, I talked about how you can use Loaders to load data in a way that automatically handles configuration changes. With the introduction of Architecture Co......

SuShine
17分钟前
0
0
性能测试汇总

服务器带宽测试 iperf测试带宽 wget -c https://codeload.github.com/esnet/iperf/tar.gz/3.1.6 tar zxvf 3.1.6cd iperf*yum install gcc./configure --prefix=/usr/local/iperf#指定......

以谁为师
21分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部