JavaScript継承パターンまとめ - Thousand Years
プロトタイプ function Animal(){}; Animal.prototype = { sleep : function(){}, walk : function(){ alert('noshi, noshi') } }; function Human(){}; Human.prototype = new Animal(); new Human().walk(); // noshi, noshi もっともポピュラだと思われる。 変型プロトタイプ Human.prototype.__proto__ = Animal.prototype; new Human().walk(); // noshi, noshi ほとんどのIEを除くJavaScript処理系で実行可能。裏ワザちっく。 エクステンド /** * extend function * @param {Object} s su
Extend for Prototype - JavaScriptでオブジェクト指向を簡単にするライブラリ: ある SE のつぶやき
Extend for Prototype このExtend for Prototypeは、prototype.jsの継承周りが使いにくいということで、クラスをporotype.jsよりも使いやすくしたライブラリです。 ライセンスは、修正BSDライセンスとのこと。 実際に動作させたサンプルは、以下のようになります。 <html> <head> <script type="text/javascript" src="extend.js"> </script> <script type="text/javascript"> <!-- var Animal = Class.create({ CLASSDEF : { name : 'Animal' }, sex : 0, //0:Male, 1:Female initialize : function (_sex) { this.sex = _se
Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[mixi] mixiをオブジェクト化してみよう![[mixi] mixiをオブジェクト化してみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5e3afa3cdf7293f95e6bf69fc72dbf18432106a/height=288;version=1;width=512/https%3A%2F%2Fimg.mixi.net%2Fimg%2Fpublic%2Fpc%2Fcommon%2Fportal_ogp001.png)
