在不調用函數的情況下，從函數中設置一個javascript對象的值

Question

我知道我已經過分複雜化了，但我很好奇。

所以我有一個功能：

var setSize = function(selectedSize){ 
    var split = { 
     size: val.sizes.split(','), 
     tcin: val.tcin.split(','), 
     idx: function(){ 
     return this.size.indexOf(selectedSize); 
     } 
    }; 
    console.log(split.idx) 
    } 

HTML：

<p>choose a size</p> 
<div onClick="setSize('small')>small</div> 

問題：

這可能有split.idx有發言權的價值0不是函數的值。

Answer 1

在現代瀏覽器中，您可以使用idx屬性的吸氣劑，以使其成爲計算屬性。

程序員將以split.idx的身份訪問它，但該值仍將由函數計算。

詳細放在這裏干將：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get

var setSize = function(selectedSize){ 
    var split = { 
     size: val.sizes.split(','), 
     tcin: val.tcin.split(','), 
     get idx() { 
     return this.size.indexOf(selectedSize); 
     } 
    }; 
    console.log(split.idx) 
    }