get 演算子、set 演算子で代入操作を宣言できる

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>get/set</title>
  <script type="text/javascript">
/* ==================== SCRIPTS ==================== */
var Clazz = function(val) {
  if (val) {
    this._value = val;
  }
}

Clazz.prototype = {
  _value : '',
  get value(){
    return this._value;
  },
  set value(val) {
    this._value = val;
  }
};

function exec() {
  var obj = new Clazz('test1');
  document.getElementById('trace1').innerHTML = '// obj.value is ' + obj.value + ' now';
  
  obj.value = 'test2';
  document.getElementById('trace2').innerHTML = '// obj.value is ' + obj.value + ' now';
}
/* ==================== SCRIPTS ==================== */
  </script>
</head>
<body>
<div>var obj = new Clazz('test1');</div>
<div id="trace1">// obj.value is ??? now</div>
<div>obj.value = 'test2';</div>
<div id="trace2">// obj.value is ??? now</div>
<button onclick="exec()">execute</button>
</body>
</html>

[source] [reload]


HTML


添付ファイル: filegetset.html 1155件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   sitemap
Last-modified: 2012-12-01 (土) 02:02:02 (1470d)
ISBN10
ISBN13
9784061426061