最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS 創(chuàng)建對象(常見的幾種方法)

 更新時間:2008年11月03日 15:43:39   作者:  
方便學習js類的朋友,讓你快速的掌握js類的定義方法,方法有很多種,結(jié)果都一樣。大家可以根據(jù)自己的愛好選用。
貼個代碼先:
function O(user,pwd){ //use constructor
this.user=user;
this.pwd=pwd;
this.get=get;
return this;
}
function O2(user,pwd){ //use factory
var obj=new Object();
obj.user=user;
obj.pwd=pwd;
obj.get=get;
return obj;
}
function O3(){ //use prototype
}
O3.prototype.user='abc';
O3.prototype.pwd='dis';
// O3.propotype.get='get';
//O3.prototype.get(){
//alert(this.pwd);
//}
function O4(user,pwd){
this.user=user;
this.pwd=pwd;
return this;
}
O4.prototype.get=function(){alert('123');}

//function get(){
//alert("This User:"+this.user);
// }
function test2(){
//var a=new O2('Us','Pw'); use factory & constructor
//var a=new O3(); //use prototype
//a.get();
var a=new O4('*U4','P4'); //混合
//a.user='Not ABC'; //set new property
//alert(a.user);
a.get();
}
常用的MS 就這幾種,可能還有其它的.碰到再說吧....
題外話:昨天手欠,試圖用alert(window.appName)到ff之下去查看瀏覽器版本,結(jié)果彈出的竟然是Netscape,咋不是 firefox。繼而又跑去chrome下試驗,又一次彈出了Netscape。baidu搜 Netscape 竟然發(fā)現(xiàn)js就出自Netscape公司。慚愧啊慚愧?。?!研究了這么久的js都不認識祖師爺。于是又跑去找了找族譜,原來js出自Brendan Eich之手,95年他創(chuàng)造js時候,也不過就31歲。哎呀,真是白活了,如他一般老的我,到現(xiàn)在都學不會js,真是人比人氣死人。。js當初設計的時候,沒有想到自己能從一部打電話用的手機變成集拍照,上網(wǎng),游戲,電話于一身的智能機。真是造化弄人?。?!也許各中的神奇,連Brendan Eich本人都沒有想到。應該說Brendan Eich創(chuàng)造了js,而一大批的js牛人成就了今天如此復雜的js。
js不是木有類么?沒關系,人家不是設計了原型屬性么~
js不是木有塊級作用域么?沒關系,人家不是有作用域鏈么~
js怎樣實現(xiàn)成員變量私有化?哦,用閉包解決吧~
哦,這么多基本概念,徹底的暈掉了,路漫漫其修遠兮。
言歸正傳,本文討論幾種js創(chuàng)建對象的方法,先從最好理解的工廠模式開始:
復制代碼 代碼如下:

function createPerson(name,age,job){
var o = {};
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var tanya = createPerson("tanya","30","female");
var ansel = createPerson("ansel","30","male");
tanya.sayName();
ansel.sayName();

這里先定義o為一個空的對象,然后為o設置了一堆屬性。其實也可以直接給o屬性的嘛,所以如果這樣寫也是ok的。
復制代碼 代碼如下:

function createPerson(name,age,job){
var o = {
name : name,
age : age,
job : job,
sayName : function(){
alert(this.name);
}
};
return o;
}
var tanya = createPerson("tanya","30","female");
var ansel = createPerson("ansel","30","male");
tanya.sayName();
ansel.sayName();

還有一種辦法是利用無敵的this,因為this就表示當前運行時的對象,將構(gòu)造函數(shù)this的作用域指向新對象,將當前運行對象的屬性和方法都賦給新對象,這樣對象模式稱為構(gòu)造函數(shù)模式
復制代碼 代碼如下:

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
var tanya = new Person("tanya","30","female");
var ansel = new Person("ansel","30","male");
tanya.sayName();
ansel.sayName();

在這個例子中,tanya和ansel都有一個constructor屬性,該屬性指向person。
考慮一下如下的情況:
復制代碼 代碼如下:

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
Person("tanya","30","female");
Person("ansel","30","male");
window.sayName();
window.sayName();

發(fā)現(xiàn)兩次彈出的都是ansel,這是因為不用new的話,就不是一個person的實例,而僅僅在執(zhí)行函數(shù)。而在全局作用域調(diào)用一個函數(shù)時this總是指向Global對象。而Global對象在瀏覽器中就是window對象。
我們還可以用構(gòu)造模式在另外一個對象中調(diào)用sayName方法,還記得Apply和call么,來吧再考慮另外一種情況,
復制代碼 代碼如下:

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
var olivia = {};
Person.call(olivia,"tanya","30","female");
olivia.sayName();
var philip = {}
Person.apply(philip,["ansel","30","male"]);
philip.sayName();

原型模式就要考慮原型鏈了,分析一下,sayName方法在實例中被重復定義了兩次,但其實沒有必要創(chuàng)造兩個一樣的副本。使用原型方法,可以使是tanya和ansel的共享一個sayName方法。
于是原型模式的寫法如下:
復制代碼 代碼如下:

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
}
Person.prototype.sayName= function(){
alert(this.name);
};
var tanya = new Person("tanya","30","female");
var ansel = new Person("ansel","30","male");
tanya.sayName();
ansel.sayName();

實際應用時,不是一成不變的套用某種模式,活學活用。需要共享方法的時候就用原型模式,需要使用副本的時候就用構(gòu)造模式,還可以結(jié)合起來,把所有信息都封裝在構(gòu)造函數(shù)中,而通過在構(gòu)造函數(shù)中初始化原型,使得對象保持了同時使用構(gòu)造函數(shù)和原型的優(yōu)點。
復制代碼 代碼如下:

function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
if (typeof sayName != "function" ){
Person.prototype.sayName= function(){
alert(this.name);
};
}
}
var tanya = new Person("tanya","30","female");
var ansel = new Person("ansel","30","male");
ansel.sayName = function () {
alert("Hi ansel, how hansome you are!");
}
tanya.sayName();
ansel.sayName();

相關文章

  • JavaScript 面向?qū)ο缶幊蹋?) 定義類

    JavaScript 面向?qū)ο缶幊蹋?) 定義類

    最近這一段時間事情太多了,沒有時間再繼續(xù)寫,幸好這兩天有點小閑,先小寫一下JavaScript中面向?qū)ο笠恢型扑]的方法。
    2010-05-05
  • 用JObj實現(xiàn)的漸變效果

    用JObj實現(xiàn)的漸變效果

    用鏈式操作,的確很簡單!不過,還不得要領。要繼續(xù)修改!
    2008-03-03
  • javascript 面向?qū)ο笕吕砭氈屠^承

    javascript 面向?qū)ο笕吕砭氈屠^承

    利用原型繼承的關鍵有兩步操作,需要的朋友可以參考下。
    2009-12-12
  • javascript面向?qū)ο缶幊檀a

    javascript面向?qū)ο缶幊檀a

    javascript面向?qū)ο缶幊檀a,學習js面向?qū)ο缶幊痰呐笥芽梢詤⒖枷隆?/div> 2011-12-12
  • js類中獲取外部函數(shù)名的方法與代碼

    js類中獲取外部函數(shù)名的方法與代碼

    js類中獲取外部函數(shù)名的方法與代碼...
    2007-09-09
  • javascript 寫類方式之十

    javascript 寫類方式之十

    mootools.js的最新版本是1.2.3,這里使用的是1.2.0。mootool被設計成非常緊湊的,模塊化的,面向?qū)ο蟮牡膉s庫。mootool中寫類用Class類。
    2009-07-07
  • 最新評論

    富源县| 金寨县| 克什克腾旗| 福海县| 绵竹市| 灵台县| 喀喇沁旗| 崇州市| 东港市| 昌吉市| 贵溪市| 永丰县| 崇文区| 前郭尔| 邮箱| 陆川县| 马边| 罗江县| 高青县| 广灵县| 保定市| 屏东市| 长子县| 沂南县| 禹州市| 江永县| 岳西县| 句容市| 张家川| 万载县| 临桂县| 中牟县| 深泽县| 长阳| 安丘市| 高碑店市| 崇州市| 大理市| 湘阴县| 阿鲁科尔沁旗| 仙游县|