JS比較思維模型

標籤：bsp   new   creat   his   alert   思維   prototype   object   color   

在這裡,要分享的JS中兩種思維方式:

1)物件導向風格樣本:

function Foo(who){             this.me = who;         }         Foo.prototype.identify = function(){             return "I am"+this.me;         };         function Bar(who){             Foo.call(this,who);         }         Bar.prototype = Object.create(Foo.prototype);         Bar.prototype.speak = function(){             alert("Hello,"+this.identify()+".");         };         var b1 = new Bar("b1");         var b2 = new Bar("b2");         b1.speak();         b2.speak();

 

2)對象關聯風格樣本:

Foo = {             init:function(who){                 this.me = who;             },             identify:function(){                 return "I am"+this.me;             }         };         Bar = Object.create(Foo);         Bar.speak = function(){             alert("Hello,"+this.identify()+".");         };         var b1 = Object.create(Bar);         b1.init("b1");         var b2 = Object.create(Bar);         b2.init("b2");         b1.speak();         b2.speak();

 

JS比較思維模型