‚¿‚å‚Á‚ƨ‚¢‚É”C‚¹‚Ä‘‚¢‚¿‚á‚Á‚½‚Ì‚ÅUŒ‚“I‚È•¶Í‚É‚È‚Á‚Ä‚Ü‚·BB
‚·‚²‚‚í‚©‚è‚â‚·‚¢‰ðà‹LŽ–‚𒸂¢‚½‚Ì‚ÅA‚±‚¿‚ç‚à•K“Ç‚Å‚·B
new ‚ð•s“–‚ÉæÈ‚ß‚é‰A–d‚Æ JavaScript ‚É‚¨‚¯‚éƒNƒ‰ƒX‚ÌŒp³\‘¢‚̘b - vivid memo
(’Ç‹LF2011/5/15)
‘O‚Ì‹LŽ–unew‚𕕈󂵂ÄAJavaScript‚ŃIƒuƒWƒFƒNƒgŽwŒü‚·‚év‚ªŽv‚¢‚Ì‚Ù‚©”½‹¿‚ª‘å‚«‚©‚Á‚½‚Ì‚ÅA’²Žq‚Éæ‚Á‚Ä•â‘«‚ð‘‚¢‚Ä‚Ý‚Ü‚·‚æB
ƒuƒRƒ‚Ö‚Ì•ÔM
u–³—p‚È•¡ŽG‰»‚ÉŒ©‚¦‚éBvu‰´‰´ƒIƒuƒWƒFƒNƒgŽwŒü‚È‹C‚ª‚·‚éBv‚Æ‚¢‚Á‚½‚²ˆÓŒ©‚à‚¢‚½‚¾‚¢‚½‚ñ‚Å‚·‚ªA•’Ê‚½‚Á‚½‚P‚Os‚ÌŠÖ”‚ŃIƒŒƒIƒŒƒIƒuƒWƒFƒNƒgŽwŒü‚È‚ñ‚Äì‚ê‚È‚¢‚Å‚·‚æcBJavaScript‚Ì“à•”‹@\‚ð‚Ù‚Æ‚ñ‚Ç‚»‚Ì‚Ü‚ÜŽg‚Á‚Ä‚¢‚é‚©‚炱‚»A‚±‚Ìs”‚ÅÏ‚Þ‚Ì‚Å‚·B
‚»‚ê‚ÉA‚±‚̃vƒƒgƒ^ƒCƒv“IŒp³‚Ìl‚¦•û‚ðDouglas Crockford‚ª•Ò‚Ýo‚µ‚½‚Ì‚ÍA‚à‚¤‚T”N‚à‘O‚̘b‚Å‚·BECMAScript5‚©‚çObject.create‚Æ‚¢‚¤–¼‘O‚ÅŒöŽ®‚ÉÌ—p‚³‚ꂽ‚±‚Æ‚©‚ç‚à‚í‚©‚é’Ê‚èAnew‚ðŽg‚¤ŒÃ“T“I‚ȃXƒ^ƒCƒ‹‚æ‚èAƒvƒƒgƒ^ƒCƒv“IŒp³‚ðŽg‚¤ƒpƒ^[ƒ“‚Ì•û‚ªƒ‚ƒ_ƒ“‚Å‚ ‚èŽå—¬‚É‚È‚è‚‚‚ ‚è‚Ü‚·BiobjectŠÖ”‚Í‘½dŒp³—p‚ÉŠg’£‚µ‚¿‚á‚Á‚Ä‚¢‚Ü‚·‚ªcj
‚¿‚å‚Á‚ÆŒ¾‚¢–ó‚ß‚¢‚Ä‚µ‚Ü‚¢‚Ü‚µ‚½B‘O‰ñ‚Ì‹LŽ–‚Å‚ÍAŽ„‚ªŽv‚¤u‚±‚¤‚·‚é‚Ì‚ªˆê”Ô‚í‚©‚è‚â‚·‚¢v‚Æ‚¢‚¤‘‚«•û‚ð‚Ü‚Æ‚ß‚Ü‚µ‚½B‚Å‚Í‹t‚ÉA•W€“I‚È‘‚«•û‚É]‚Á‚Änew‚ðŽg‚¤‚悤‚É‘‚¢‚½ê‡‚Ç‚¤‚È‚é‚©A—v‚·‚é‚Énew‚ð‚³‚ñ‚´‚ñdis‚낤‚Æ‚¢‚¤‚Ì‚ªA¡‰ñ‚ÌŽïŽ|‚Å‚·B‚µŽåŠÏ‚ª¬‚¶‚Á‚Ä‚¢‚é‚©‚à‚µ‚ê‚Ü‚¹‚ñ‚ªA‚²—¹³‚‚¾‚³‚¢‚Ü‚¹B
newƒLƒ‚ƒC‚PFnew‚ð•t‚¯‚È‚‚Ä‚àƒRƒ“ƒXƒgƒ‰ƒNƒ^‚ª“®ì‚µ‚Ä‚µ‚Ü‚¤
—Ⴆ‚ÎA’·•ûŒ`‚Ì–ÊÏ‚ðŒvŽZ‚·‚éƒNƒ‰ƒX‚ðnew‚ðŽg‚Á‚Äì‚Á‚Ä‚Ý‚Ü‚µ‚傤B
function Rectangle(x, y) {
this.x = x;
this.y = y;
alert(x + " x " + y + "‚Ì’·•ûŒ`‚ðì‚è‚Ü‚µ‚½");
}
Rectangle.prototype = {
getArea: function(){ return this.x * this.y }
};
//Žg‚¢•û‚Ì—á
var rec1 = new Rectangle(3, 4);
alert(rec1.getArea()); //12
new‚ðŽg‚¤‚±‚Æ‚ð‘z’è‚·‚éƒNƒ‰ƒX‚Ì‘‚«•û‚ðŽ„‚Í‚¤‚Ü‚à–¾‚·‚鎩M‚ª–³‚¢‚Ì‚ÅAÚ‚µ‚‚Í‘‚«‚Ü‚¹‚ñ‚ªA‚²‚‚²‚ƒVƒ“ƒvƒ‹‚ȃNƒ‰ƒX‚È‚Ì‚Å“Ç‚ß‚é‚ÆŽv‚¢‚Ü‚·B
Œ©‚Ä‚í‚©‚é’Ê‚èARectangle‚̓Nƒ‰ƒXê—p‚Ì•¶–@‚Å‘‚¢‚Ä‚ ‚é‚킯‚Å‚Í‚È‚A‚²‚•’Ê‚ÌŠÖ”‚Å‚·B‚È‚Ì‚Ånew‚ð•t‚¯‚¸‚ɌĂԂ±‚Æ‚ª‚Å‚«‚Ü‚·B‚»‚µ‚Änew‚ð‚‚¯‚¸‚ɌĂñ‚Å‚µ‚Ü‚Á‚½ê‡‚Ì‹““®‚ªA‚à‚¤”ñí‚É‹CŽ‚¿ˆ«‚¢‚±‚Æ‚É‚È‚è‚Ü‚·B
Rectangle(3,4); //new‚‚¯‚í‚·‚ê print(x); //3 print(y); //4
new‚ð•t‚¯‚¸‚ɌĂñ‚¾ê‡AŠÖ”“à‚Ìthis‚̓Oƒ[ƒoƒ‹ƒIƒuƒWƒFƒNƒg‚ðŽw‚µ‚Ü‚·B‚¨‚©‚°‚ŃOƒ[ƒoƒ‹•Ï”‚Éx‚Æy‚ª’ljÁ‚³‚ê‚Ä‚µ‚Ü‚¢‚Ü‚µ‚½BƒOƒ[ƒoƒ‹‹óŠÔ‚ÉŠù‚Éx‚Æy‚ª‘¶Ý‚·‚éê‡A‚»‚ê‚ç‚Ì•Ï”‚Í”j‰ó‚³‚ê‚Ä‚µ‚Ü‚¢‚Ü‚·B
ˆê‰žAŋ߂̈—Œn‚Å‚Ístrictƒ‚[ƒh‚Å‚±‚Ì‹““®‚ð—}§‚·‚邱‚Æ‚ª‚Å‚«‚é‚悤‚É‚È‚Á‚Ä‚¢‚Ü‚·B
ˆ—Œn‚̃o[ƒWƒ‡ƒ“‚Ɉˑ¶‚µ‚È‚¢‚Ås‚¦‚é‘Έ•û–@‚ÍAˆÈ‰º‚̂悤‚ȃK[ƒhß‚ð‘‚¢‚Ä‚¨‚‚±‚Æ‚Å‚·B
function Rectangle(x, y) {
if (!(this instanceof Rectangle))
return new Rectangle(x, y);
this.x = x;
this.y = y;
alert(x + " x " + y); //“®ìŠm”F‚Ì‚½‚ß‚Ìalert
}
Rectangle.prototype = {
getArea: function(){ return this.x * this.y }
}
‚Å‚àƒNƒ‰ƒX‚ðì‚邽‚Ñ‚É‚±‚ñ‚È’èŒ^•¶‚ð‘‚©‚È‚¢‚Æ‚¢‚¯‚È‚¢‚È‚ñ‚ÄAƒAƒz‚炵‚¢‚ÆŽv‚¢‚Ü‚¹‚ñ‚©H
newƒLƒ‚ƒC‚QFŒp³‚ðl—¶‚·‚é•K—v‚ª‚ ‚é
JavaScript‚ł̓Cƒ“ƒXƒ^ƒ“ƒX‰»‚Æ’PˆêŒp³‚ª“¯‹`‚Å‚·B‚»‚Ì‚½‚ßAƒCƒ“ƒXƒ^ƒ“ƒX‰»‚·‚é‚Æ‚«‚¾‚¯‚Å‚È‚AŒp³‚³‚¹‚é‚Æ‚«‚àl—¶‚µ‚ăRƒ“ƒXƒgƒ‰ƒNƒ^‚ð‘‚©‚È‚¢‚Æ‚¢‚¯‚Ü‚¹‚ñB
æ‚Ù‚Ç‚Ì’·•ûŒ`ƒNƒ‰ƒX‚ðŒp³‚µ‚ÄA³•ûŒ`ƒNƒ‰ƒX‚ðì‚邱‚Æ‚ðl‚¦‚Ä‚Ý‚Ü‚·B‘f’¼‚É‘‚‚Æ‚±‚¤‚È‚è‚Ü‚·B
function Square(x) {
Rectangle.call(this, x, x);
}
Square.prototype = new Rectangle;
‚µ‚©‚µ‚±‚¤‘‚¢‚½ê‡Anew Rectangle‚µ‚½‚Æ‚«‚ÉRectangle‚̃Rƒ“ƒXƒgƒ‰ƒNƒ^‚ªŸŽè‚É“®‚¢‚Ä‚µ‚Ü‚¤‚½‚ßAalert()‚ªŒÄ‚΂ê‚Ä‚µ‚Ü‚¢‚Ü‚·Bƒˆ‚ÉŒp³‚¾‚¯‚³‚¹‚悤‚ÆŽv‚¤‚ÆAH•v‚ª•K—v‚É‚È‚è‚Ü‚·B
‚â‚è•û‚Í‚¢‚‚‚©‚ ‚è‚Ü‚·B
// Œp³‚ðl—¶‚µ‚½ƒRƒ“ƒXƒgƒ‰ƒNƒ^
//1. arguments‚Ì”‚ÅŒ©‚é
function Rectangle(x, y) {
if (arguments.length == 0) //Œp³‚³‚¹‚悤‚Æ‚µ‚Ä‚¢‚é‚Ì‚ÅA‰½‚à‚µ‚È‚¢
return this;
...
}
//2. arguments[0]‚ÌŒ^‚ðŒ©‚é
function Rectangle(x, y) {
if (typeof arguments[0] == "string" && arguments[0] == "inherit")
return this;
...
}
...
Square.prototype = new Rectangle("inherit"); //Œp³‚³‚¹‚é‚Æ‚«‚Í“Á’è‚̃L[ƒ[ƒh‚ð“n‚·
//3. ‚»‚à‚»‚àƒRƒ“ƒXƒgƒ‰ƒNƒ^‚ð•Êƒƒ\ƒbƒh‚É•ª‚¯‚Ä‚¨‚
function Rectangle(){}
Rectangle.prototype = {
init: function(x, y) { ... return this; }
...
};
var rec1 = new Rectangle().init(3,4);
...
Square.prototype = new Rectangle;
‚Ç‚ñ‚ȃRƒ“ƒXƒgƒ‰ƒNƒ^‚ð‘‚¢‚Ä‚¢‚悤‚ƑΉž‚Å‚«‚é‚悤‚ÉA‚±‚ñ‚È‘‚«•û‚ð‚·‚é‚±‚Æ‚à‚ ‚è‚Ü‚·B
function Square(x) {
Rectangle.call(this, x, x);
}
Square.prototype = (function(){
function f(){}
f.prototype = Rectangle.prototype;
return new f;
})();
‚±‚Ì‘‚«•û‚ÍAobjectŠÖ”‚ðƒCƒ“ƒ‰ƒCƒ““WŠJ‚µ‚½‚Ì‚Æ“¯‹`‚Å‚·cB‚»‚ê‚È‚ç‚¢‚Á‚»‚Ì‚±‚ÆAí‚ÉobjectŠÖ”‚ðŽg‚¤‚悤‚É‚µ‚½•û‚ªŠy‚¾‚ÆŽv‚¢‚Ü‚¹‚ñ‚©H
newƒLƒ‚ƒC‚RF‰½‚ð‚â‚Á‚Ä‚¢‚é‚Ì‚©‚í‚©‚è‚É‚‚¢
JavaScriptŽ©‘̂̓vƒƒgƒ^ƒCƒvƒx[ƒX‚Åì‚ç‚ê‚Ä‚¢‚é‚‚¹‚ÉAnew‚ðŽg‚¤‚ƃNƒ‰ƒXƒx[ƒX‚Ý‚½‚¢‚È‘‚«•û‚ð‚·‚é•K—v‚ª‚ ‚è‚Ü‚·B’†‚Å‚â‚Á‚Ä‚¢‚邱‚Æ‚ÆAŠO‘¤‚©‚猩‚¦‚éƒCƒ“ƒ^[ƒtƒF[ƒX‚ªˆá‚¢‚·‚¬‚é‚Ì‚Å‚·B‚¨‚©‚°‚Å‹t‚É‚í‚©‚è‚É‚‚‚È‚Á‚Ä‚¢‚Ü‚·B
newƒLƒ‚ƒC‚SF“ǂ݂Â炢
new‚ð¶‚ÅŽg‚¤ê‡Aprototype‚Æ‚¢‚¤’·‚Á‚½‚炵‚¢ƒL[ƒ[ƒh‚𑽗p‚·‚邱‚Æ‚É‚È‚è‚Ü‚·B‚±‚Ì‚¹‚¢‚ÅAnew‚ð‘O’ñ‚É‘‚¢‚½ƒNƒ‰ƒX‚ÍA‘‚¶‚ēǂ݂Â炂Ȃ肪‚¿‚Å‚·B
ŽŽ‚µ‚É•â•ŠÖ”‚ðˆêØŽg‚킸‚ÉAPenguinƒNƒ‰ƒX‚ð’è‹`‚µ‚Ä‚Ý‚Ü‚µ‚傤B
function Animal(){}
Animal.prototype = {
name: "“®•¨"
, breathe: function(){alert("‚·[‚Í[")}
, sayName: function(){alert(this.name)}
};
function Wing(){}
Wing.prototype = {
fly: function(){alert("‚Ï‚½‚Ï‚½")}
};
function Bird(){}
Bird.prototype = new Animal;
Bird.prototype.name = "’¹";
Bird.prototype.fly = Wing.prototype.fly;
function Penguin(){}
Penguin.prototype = new Bird;
Penguin.prototype.name = "‚Ø‚ñ‚¬‚ñ";
Penguin.prototype.fly = function(){
Bird.prototype.fly.apply(this, arguments);
alert("‚Ø‚ñ‚¬‚ñ‚Í”ò‚ׂȂ¢c");
};
‚±‚Ì’ö“x‚Ì’Pƒ‚È‚à‚Ì‚Å‚àAprototype‚ð10‰ñ‚à‘‚©‚È‚¯‚ê‚΂Ȃè‚Ü‚¹‚ñB
ˆê•û‚ÅAobjectŠÖ”‚ðŽg‚Á‚Ä‘‚¯‚΂±‚¤‚È‚è‚Ü‚·B
var Animal = {
name: "“®•¨"
, breathe: function(){alert("‚·[‚Í[")}
, sayName: function(){alert(this.name)}
};
var Wing = {
fly: function(){alert("‚Ï‚½‚Ï‚½")}
};
var Bird = object(Animal, Wing, {
name: "’¹"
});
var Penguin = object(Bird, {
fly: function(){
Bird.fly.apply(this, arguments);
alert("‚Ø‚ñ‚¬‚ñ‚Í”ò‚ׂȂ¢c");
}
});
‚±‚¿‚ç‚Ì•û‚ª“Ç‚Ý‚â‚·‚¢‚ÆŽv‚¢‚Ü‚¹‚ñ‚©H ‚±‚ê‚Å‚ànew‚ðŽg‚Á‚½•û‚ª‚í‚©‚è‚â‚·‚¢A‚Æ‚¢‚¤l‚ª‚¢‚½‚çAŽ„‚Ì•‰‚¯‚Å‚·B‚Ç‚¤‚¼D‚«‚È‚¾‚¯new‚ðŽg‚Á‚Ä‚‚¾‚³‚¢BB
‚Ü‚Æ‚ß
‚È‚‚Æ‚à‰´‚ÍAnew‚Í‹CŽ‚¿ˆ«‚¢‚ÆŽv‚¤B
‚½‚¾A‚¿‚á‚ñ‚Æ—‰ð‚µ‚½ã‚ÅŽg‚¤‚Ì‚Í‚à‚¿‚ë‚ñ–â‘è‚È‚¢‚ÆŽv‚¢‚Ü‚·‚æBnew‚ð¶‚ÅŽg‚Á‚½•û‚ªŠÖ”‚ðŒÄ‚Ô‰ñ”‚ðŒ¸‚ç‚¹‚é‚Ì‚ÅAƒpƒtƒH[ƒ}ƒ“ƒX‚ª—Ç‚‚È‚é‚Æ‚¢‚¤ƒƒŠƒbƒg‚à‚ ‚è‚Ü‚·B
keyword: javascript