Javascript訪問器屬性實(shí)例分析
更新時(shí)間：2014年12月30日 16:22:52 投稿：shichen2014
這篇文章主要介紹了Javascript訪問器屬性,實(shí)例分析了建立屬性關(guān)聯(lián)的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例分析了Javascript 訪問器屬性的用法，分享給大家供大家參考。具體分析如下：
這個(gè)和構(gòu)造函數(shù)的意思有點(diǎn)像，但功能又不同，他可以讓兩個(gè)屬性建立關(guān)聯(lián)，通過修改一個(gè)屬性來改變另一個(gè)屬性。
復(fù)制代碼 代碼如下:
var book = {
_year:2004,
edition: 1
};
Object.defineProperty(book, "year", {
get: function() {
return this._year;
},
set: function(newValue) {
if (newValue > 2004) {
this._year += newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2006;
console.log(book.edition);
_year:2004,
edition: 1
};
Object.defineProperty(book, "year", {
get: function() {
return this._year;
},
set: function(newValue) {
if (newValue > 2004) {
this._year += newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2006;
console.log(book.edition);
由上例可見，修改_year，輸出值改變的只有year，但通過set，在修改year時(shí)edition也同時(shí)改變了。
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
如何使用50行javaScript代碼實(shí)現(xiàn)簡單版的call,apply,bind
這篇文章主要介紹了50行javaScript代碼實(shí)現(xiàn)簡單版的call,apply,bind過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JavaScript中捕獲與阻止捕獲、冒泡與阻止冒泡詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02
Bootstrap是twitter的工程師在業(yè)余時(shí)間開發(fā)的，是一款目前非常流行的前端框架。本文給大家介紹第一篇初識(shí)bootstrap的相關(guān)知識(shí)，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
這篇文章主要為大家詳細(xì)分享了laypage分頁控件使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了JS實(shí)現(xiàn)Ajax的方法,結(jié)合實(shí)例形式分析了ajax的概念、原理、js實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
JS+CSS實(shí)現(xiàn)可以凹陷顯示選中單元格的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)可以凹陷顯示選中單元格的方法,實(shí)例分析了javascript操作css的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法
今天小編就為大家分享一篇關(guān)于layui的動(dòng)態(tài)圖標(biāo)不顯示的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
如何獲取事件源及觸發(fā)該事件的對(duì)象，方法有很多，js中可以通過event來實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
js實(shí)現(xiàn)iGoogleDivDrag模塊拖動(dòng)層拖動(dòng)特效的方法
這篇文章主要介紹了js實(shí)現(xiàn)iGoogleDivDrag模塊拖動(dòng)層拖動(dòng)特效的方法,實(shí)例分析了javascript操作拖動(dòng)層的技巧,需要的朋友可以參考下2015-03-03