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

js 设计模式

时间:2017-11-08 13:14:30      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:fun   create   程序   class   通过   一个   最新   typeof   利用   

  首先我们需要知道JavaScript与传统的面向对象编程(oop)不同,它没有传统意义上的类,该语言的一切都是基于对象,依靠的是一套原型(prototype)系统。JavaScript通过原型委托的方式实现对象与对象之间的继承,而不是传统面向对象语言中的类式继承。

  动态类型语言的变量类型要到程序运行时,待变量赋值后,才能确定某种类型,而JavaScript就是一门典型的动态类型语言。

一、原型模式

  原型模式是用于创建对象的一种模式,可通过克隆来创建一个对象,最新的ECMAScript5提供了Object.create 方法来克隆对象:

<script>
var fruit={price:15,name:"apple"}
var demo=Object.create(fruit);
alert(demo.name);//apple
//或者: function sch(){   this.name="hube";   this.age=100;
}
var tt=new sch(); var t=Object.create(tt);   alert(t.age);//100

//在不支持的该方法的浏览器中,则可以使用如下polyfill代码: Object.create=function(obj){   var F=function(){};//定义了一个隐式的构造函数   F.prototype=obj;   return new F(); //还是通过new来实现的 } </script>

  Object.create()方法会使用指定的原型对象及其属性去创建一个新的对象。事实上JavaScript有一个根对象的存在,它就是Object.prototype对象,Object.prototype是一个空对象,我们创建的每一个对象都是从Object.prototype克隆而来:

var t={};// 以字面量方式创建的空对象就相当于:var t= Object.create(Object.prototype);
var s=new Object();
alert(Object.getPrototypeOf(t)===Object.prototype);//true
alert(Object.getPrototypeOf(s)===Object.prototype);//true

  上面创建二个”空“对象,利用了ECMAScript5的Object.getPrototypeOf方法查看到了二个对象的原型。这里的”空“加引号不是真正的空对象,它还继承了Object的一些属性及方法。创建一个空对象使用Object.create()即可:

var o = Object.create(null);//创建一个原型为null的空对象

  该模式不限于此,它更多的是提供了一种便捷的方式去创建某个类型的对象。

原型继承:

  实际上通过对对象构造器的原型动态赋值给其他对象来实现”类“与”类“之间的原型继承:

var A=function(){};
A.prototype.sayName=function(){alert("hi");}
var B=function(){}; B.prototype=new A();//这是核心代码:它重写了B的原型,它和把B.prototype直接赋值给字面量对象相比没有本质区别, //都是将对象构造器的原型指向另一个对象,而继承总是发生在对象与对象之间。 var b=new B(); b.sayName();//hi

 二、单例模式

三、策略模式

四、代理模式

待续

js 设计模式

标签:fun   create   程序   class   通过   一个   最新   typeof   利用   

原文地址:http://www.cnblogs.com/rain-null/p/7803005.html

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