爱做久久久久久,丰满爆乳一区二区三区

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

在JavaScript中如何使用setter與getter方法

亞連

發(fā)布： 2018-06-23 16:57:59

原創(chuàng)

1827人瀏覽過

這篇文章主要為大家詳細(xì)介紹了javascript的setter與getter方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

以前在寫項目過程一直都沒有使用過Javascript的setter與getter方法，所以對其是一種要懂不懂的概念；今天看書看到這個知識點，還是模模糊糊的，于是就打算研究研究；

Javascript對象的屬性是由名字，值和一組特性構(gòu)成的。那么首先，來了解一下對象的兩種屬性：

數(shù)據(jù)屬性，我們經(jīng)常使用，應(yīng)該很熟悉
訪問器屬性，也稱存取器屬性

何為存取器屬性？就是一組獲取和設(shè)置值的函數(shù)。在ECMAScript5中，屬性值可以用一個或兩個方法設(shè)置，這兩個方法就是getter和setter；因此getter和setter定義的屬性被稱為存取器屬性。

立即學(xué)習(xí)“Java免費學(xué)習(xí)筆記（深入）”；

var o = {
  get val(){
    /*函數(shù)體*/
    return ;
  },
  set val(n){
    /*函數(shù)體*/
  }
}

登錄后復(fù)制

上面的就是一個存取器屬性定義的最簡單的方法，可以看出getter和setter方法其實就是取代function的一個函數(shù)。

var o = {
  a:3,
  get val(){
    return Math.pow(this.a,2);
  }
}

console.log(o.val);//9
o.val = 100;
console.log(o.val);//9

登錄后復(fù)制

getter方法是無參數(shù)，并且有返回值的；當(dāng)單獨設(shè)置getter方法時，只能獲取屬性值，無法更改其定義的屬性值的，保證了數(shù)據(jù)的安全性；

var o = {
  a:3,
  set val(n){
    this.a = n;
  }
}

console.log(o.val);//undefined

登錄后復(fù)制

setter方法是有參數(shù)，沒有返回值的；當(dāng)單獨設(shè)置setter方式時，是無法讀取屬性值的；

var o ={
  a:3,
  get val(){
    return Math.pow(this.a,n);
  },
  set val(n){
    this.a = Math.max(this.a,n);
  }
}

console.log(o.a);//3
console.log(o.val);//9
o.val = 10;
console.log(o.a);//10
console.log(o.val);//100

登錄后復(fù)制

通過上面的代碼可以看出，其中this是指其對象（即代碼中的“o”）；

var o ={
   a:3,
  get val(){
    return Math.pow(this.a,n);
  },
  set val(n){
    this.a = Math.max(this.a,n);
  }
}

o.val = 10;
var foo = Object.create(o);
console.log(foo.val);//10
foo.val = 9;
console.log(foo.val);//10

登錄后復(fù)制

上面是我整理給大家的，希望今后會對大家有幫助。

相關(guān)文章：

有關(guān)Vue.js如何實現(xiàn)無限滾動加載

Chrome Firefox 自帶調(diào)試工具調(diào)試（詳細(xì)教程）

如何使用JS編寫Ajax請求函數(shù)

使用vue-cli+webpack如何搭建vue

以上就是在JavaScript中如何使用setter與getter方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！