成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES5的用對象實現(xiàn)類的作用

bang590 / 3445人閱讀

摘要:原型鏈上的方法為公有方法,由類創(chuàng)建出來的對象會指向該原型,不會重新創(chuàng)建該方法,但是優(yōu)先級沒有對象方法高其優(yōu)點是節(jié)省內(nèi)存原型上的原型鏈上可以拿到共有屬性,拿不到私有屬性與方法我也能拿到數(shù)據(jù)運行直接

// js實現(xiàn)類  ES5
// 由于函數(shù)始對象 所以寫法不是唯一
// function Pf(){}更符合固有思想
// 由于ES6添加了類,所以書寫變得跟方便
var Pf = function(name,age){
    // 私有屬性方法外面不能調(diào)用,只有對象方法可以操作,從而起到保護(hù)數(shù)據(jù)的作用
    // 私有屬性
    var secret = "小秘密"
    // 私有方法
    function secretfn(){
        console.log("私有方法")
        console.log("my secret is"+secret)
    }
    // 公共屬性方法是每創(chuàng)建一個對象就會創(chuàng)建一個該屬性或方法(耗費一定把內(nèi)存)
    // 共有實例屬性
    this.name = name
    this.age = age
    //共有實例方法
    this.say = function(){
        console.log("my name is"+this.name,"my age is"+this.age)
        console.log("可以操作私有屬性與方法")
        secretfn()
    }
}
// 靜態(tài)方法
Pf.f1 = function(){
    console.log("我是靜態(tài)方法,只能用類直接調(diào)用,實例對象不能調(diào)用")
}
Pf.prototype = {
    constructor:Pf,// 這種添加原型方法需要重置制定對象。
    // 原型鏈上的方法為公有方法,由類創(chuàng)建出來的對象會指向該原型,不會重新創(chuàng)建該方法,但是優(yōu)先級沒有對象方法高
    // 其優(yōu)點是節(jié)省內(nèi)存
    say:function(){
        console.log("原型上的say")
        // 原型鏈上可以拿到共有屬性,拿不到私有屬性與方法
        console.log("我也能拿到數(shù)據(jù)"+this.name)
    }
    
}
var a = new Pf("ss",22)
a.say()
Pf.f1()

運行直接node

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/103512.html

相關(guān)文章

  • 如何繼承Date對象?由一道題徹底弄懂JS繼承。

    摘要:前言見解有限,如有描述不當(dāng)之處,請幫忙及時指出,如有錯誤,會及時修正。倘若用的是中文搜索。所以最終的實例對象仍然能進(jìn)行正常的原型鏈回溯,回溯到原本的所有原型方法這樣通過一個巧妙的欺騙技巧,就實現(xiàn)了完美的繼承。 前言 見解有限,如有描述不當(dāng)之處,請幫忙及時指出,如有錯誤,會及時修正。 20180201更新: 修改用詞描述,如組合寄生式改成寄生組合式,修改多處筆誤(感謝@Yao Ding的...

    sunnyxd 評論0 收藏0
  • 重新認(rèn)識JavaScript面向對象: 從ES5到ES6

    摘要:基于原型的面向?qū)ο笤诨谠偷恼Z言中如并不存在這種區(qū)別它只有對象不論是構(gòu)造函數(shù),實例,原型本身都是對象。允許動態(tài)地向單個的對象或者整個對象集中添加或移除屬性。為了解決以上兩個問題,提供了構(gòu)造函數(shù)創(chuàng)建對象的方式。 showImg(https://segmentfault.com/img/remote/1460000013229218); 一. 重新認(rèn)識面向?qū)ο?1. JavaScript...

    VishKozus 評論0 收藏0
  • 重新認(rèn)識JavaScript面向對象: 從ES5到ES6

    摘要:基于原型的面向?qū)ο笤诨谠偷恼Z言中如并不存在這種區(qū)別它只有對象不論是構(gòu)造函數(shù),實例,原型本身都是對象。允許動態(tài)地向單個的對象或者整個對象集中添加或移除屬性。為了解決以上兩個問題,提供了構(gòu)造函數(shù)創(chuàng)建對象的方式。 showImg(https://segmentfault.com/img/remote/1460000013229218); 一. 重新認(rèn)識面向?qū)ο?1. JavaScript...

    用戶83 評論0 收藏0
  • 詳解javascript的類

    摘要:原文地址詳解的類博主博客地址的個人博客從當(dāng)初的一個彈窗語言,一步步發(fā)展成為現(xiàn)在前后端通吃的龐然大物。那么,的類又該怎么定義呢在面向?qū)ο缶幊讨校愂菍ο蟮哪0?,定義了同一組對象又稱實例共有的屬性和方法。這個等同于的屬性現(xiàn)已棄用。。 前言 生活有度,人生添壽。 原文地址:詳解javascript的類 博主博客地址:Damonare的個人博客 ??Javascript從當(dāng)初的一個彈窗語言,一...

    hufeng 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<