js 设计模式

Posted 2020-10-13 不忘初心8090

　　首先我们需要知道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 

 二、单例模式

三、策略模式

四、代理模式

待续