https://monobook.org/w/index.php?action=history&feed=atom&title=Knockout.js%2Fcomputed%E9%96%A2%E6%95%B0
Knockout.js/computed関数 - 版の履歴
2026-06-04T11:51:45Z
このウィキのこのページに関する変更履歴
MediaWiki 1.42.1
https://monobook.org/w/index.php?title=Knockout.js/computed%E9%96%A2%E6%95%B0&diff=1452&oldid=prev
imported>Administrator: ページの作成：「knockout.jsの'''computed関数'''（computedオブジェクト）とは、セッターで設定された関数内で使われている[[knockout.js/observableオ...」
2012-04-13T06:32:55Z
<p>ページの作成：「<a href="/wiki/Knockout.js" title="Knockout.js">knockout.js</a>の'''computed関数'''（computedオブジェクト）とは、セッターで設定された関数内で使われている[[knockout.js/observableオ...」</p>
<p><b>新規ページ</b></p><div>[[knockout.js]]の'''computed関数'''（computedオブジェクト）とは、セッターで設定された関数内で使われている[[knockout.js/observableオブジェクト|observableオブジェクト]]がひとつでも更新されると、自動的に計算をおこない、まるで[[knockout.js/observableオブジェクト|observableオブジェクト]]と同じように振る舞う監視関数（オブジェクト）である。<br />
<br />
== 記述例 ==<br />
この例は、[[knockout.js/observableオブジェクト|observableオブジェクト]]である firstName または lastName のどちらかが更新されると、fullNameも自動的に更新されるというものである。<br />
<source lang="javascript"><br />
var AppViewModel = function() {<br />
var self = this;<br />
<br />
self.firstName = ko.observable('mono');<br />
self.lastName = ko.observable('mono');<br />
<br />
// firstNameまたはlastNameが更新されると自動的に<br />
// fullNameも更新される。<br />
self.fullName = ko.computed(function() {<br />
return self.firstName() + " " + self.lastName();<br />
});<br />
};<br />
</source><br />
<br />
computed関数は、ビュー（HTML）での各種バインディングで[[knockout.js/observableオブジェクト|observableオブジェクト]]と同じよう扱える。<br />
<source lang="html5"><br />
私の名前は<span data-bind="text: fullName"></span>です。<br />
</source><br />
<br />
なお、この例においてAppViewModelオブジェクト内でthis変数をself変数に代入している意味について謎な人は「[[JavaScript/this]]」や「[[クロージャー]]」、「[[高階関数]]」など項目を参照。[[JavaScript]]や[[Python]]に精通している人には説明不要だろうが、[[C Sharp|C#]]や[[Java]]しか知らない人は「this」の扱いに特に注意する必要がある。<br />
<br />
<br />
== 関連項目 ==<br />
* [[knockout.js]]<br />
** [[knockout.js/applyBindings関数|applyBindings関数]]<br />
** [[knockout.js/observable関数|observable関数]]（[[knockout.js/observableオブジェクト|observableオブジェクト]]）<br />
** [[knockout.js/observableArray関数|observableArray関数]]（[[knockout.js/observableArrayオブジェクト|observableArrayオブジェクト]]）<br />
** [[knockout.js/computed関数|computed関数]]<br />
** [[knockout.js/subscribe関数|subscribe関数]]<br />
== 参考文献 ==<br />
<references/><br />
== 外部リンク ==<br />
<br />
{{stub}}</div>
imported>Administrator