這篇文章主要講解了“怎么在JavaScript中使用getters和setter”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么在JavaScript中使用getters和setter”吧!
創新互聯建站主營延壽網站建設的網絡公司,主營網站建設方案,app開發定制,延壽h5微信小程序定制開發搭建,延壽網站營銷推廣歡迎延壽等地區企業咨詢大多數面向對象的編程語言都存在getter和setter,包括JavaScript。它們是代碼構造,可幫助開發人員以安全的方式訪問對象的屬性。使用getter,您可以從外部代碼訪問(“獲取”)屬性的值,而setter允許您更改(“設置”)它們的值。我們將向您展示如何在JavaScript中創建getter和setter。
JavaScript對象可以具有多個屬性和存儲的靜態數據和動態功能的方法。屬性是靜態鍵值對,而方法是特定于對象的函數。
例如,Car.color可以是屬性,而Car.drive()可以是Car對象的方法。使用getter,您可以訪問Car對象的color屬性,使用setter,您可以修改其值(例如,從藍色變為黑色)。
使用getter和setter,您只能獲取和設置屬性的值,而不能獲取方法,因為方法不是靜態的。
您可以通過三種不同的方式創建getter和setter:
使用默認方法語法(getter和setter方法),
使用get和set關鍵字,
使用Object.defineProperty()方法。
Getters和Setters
Getters和Setters使你可以快速獲取或設置一個對象的數據。一般來說,一個對象擁有兩個方法,分別用于獲取和設置某個值,比如:
{
getValue: function(){
return this._value;
},
setValue: function(val){
this._value = val;
}
}
用這種方式寫JavaScript的一個明顯的好處是:你可以用它來隱藏那些不想讓外界直接訪問的屬性。
吸氣方法
獲取對象屬性的最簡單方法是使用每個屬性的默認方法語法定義getter。讓我們看一個如何使用這種技術創建getter的示例。該MYCAR對象有兩個屬性:顏色和制作。這是您使用對象文字創建它的方法:
var myCar = {
color:“blue”,
make:“Toyota”
};
如果需要,可以使用以下代碼直接訪問顏色并創建屬性:
myCar.color;
// 藍色
myCar.make;
//豐田
盡管這種技術有效,但使用getter而不是直接調用屬性具有許多優點。例如,您可以在檢索其值之前對屬性執行操作或檢查(例如 if-else語句)。
關于get關鍵字最重要的一點是它定義了一個訪問器屬性,而不是一個方法。因此,它不能與存儲其訪問的值的數據屬性具有相同的名稱。在上面的代碼中,defColor 和defMake是數據屬性,而color和make是訪問器屬性。
這也是為什么你需要使用在getter名稱之后不使用括號的屬性語法來調用getter的原因(例如myCar.color)。
由于舊版IE8不支持get關鍵字,因此如果您需要支持舊版瀏覽器,請使用getter方法。
感謝各位的閱讀,以上就是“怎么在JavaScript中使用getters和setter”的內容了,經過本文的學習后,相信大家對怎么在JavaScript中使用getters和setter這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創新互聯,小編將為大家推送更多相關知識點的文章,歡迎關注!
分享名稱:怎么在JavaScript中使用getters和setter-創新互聯
本文地址:http://vcdvsql.cn/article22/hogjc.html
成都網站建設公司_創新互聯,為您提供商城網站、網站收錄、定制開發、企業建站、動態網站、網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯