HOME > ブログ > ExtJS入門その10『JavaScriptって?』

ExtJS入門その10『JavaScriptって?』

ExtJSに入る前に「javascriptとは何なのか?」をある程度知る必要があるみたいです。

最低限でも

第4回 JavaScriptでオブジェクト指向プログラミング
JavaScriptのイロハ

を理解しておくのではなく(それができれば何も問題ないが)、読んで「書いてある内容がわかる」は必要だと思う…多分。

少なくとも私は「書いてある内容がまったくわからん」状態でExtJSでうんうん唸っていたようだ。
「書いてある内容がわかって」初めてスタートラインなんでしょう、きっと。

だって、

「関数には最初からプロトタイブというオブジェクトが存在する」とか…
「JavaScriptは引数をチェックしない」とか…
「引数をarguments配列で受け取れる」とか…
「オブジェクトリテラル?何それ?」とか…

知りませんもんそんなんorz

とにかく、
javascriptの頻出用語はおさえましょう。
プロトタイプ、インスタンス、メソッド、プロパティ、メンバ、オブジェクト、オブジェクトリテラル、継承、OOP、this
完全でなくてもいいので、言葉を見てあぁあれかとか、あのことだなとか、ぐらいの程度でもOKだと思います。
とっかかりは何でもいいんだけれども、全て意味があって用意され、意味があるところでしか使われない。
言い換えれば無駄がない。
さらに言い換えれば知らなくてもいいものは何一つない(ちゃんとやろうとすれば)。

とかなんとか言いながら私もまだまだちゃんと理解してないんですけどね。

でも色々押さえて調べた後、上記記事の「第4回 JavaScriptでオブジェクト指向プログラミング」を読んだ時、
恐らく3日前ぐらいやったら何書いとんじゃコレ?と思うぐらい全く理解できなかったであろう記事を初めて読んだ時にスラスラと頭に入ったことはちょっぴり自信がもてました。
いや、方向性が間違ってないんやなってね…

ExtJSで頻出する
title: 'パネルサンプル',
width: 150,
height: 300,
items: [{
	xtype: 'tbbutton',
	text: 'ヘルプ',
	handler: function(){
		Ext.Msg.alert('ヘルプ','内容');
	}
}]
など、
・何故「=」ではなく「:」なのか?
・「[{」などの記号は何の意味なのか?
・知る人に聞くと「あぁここは匿名関数をオブジェクトとして変数にいれて…」と当たり前のように言われて「は?匿名関数?オブジェクトを変数に入れて?」
あるいは、
handler: function(){
	Ext.Msg.alert('ヘルプ','内容');
}
handler = function(){
	Ext.Msg.alert('ヘルプ','内容');
}
は同じ意味でどっちの書き方してもいいんでしょ?と根本的に表面すらもわかってない状態。とか。
だから平気で
function TestSample(){
	handler: function(){
		Ext.Msg.alert('ヘルプ','内容');
	}
}
と書いたりする(恥)

知っているのと知っていないのでは、慣れているのと慣れていないのとでは今後の学習曲線に影響するでしょそら。
| ExtJS | Comment:0 |
コメント投稿












画像リロード
*半角の小英字、数字で構成されています