Contenu connexe
Similaire à Javascriptのあれやこれやをまとめて説明してみる
Similaire à Javascriptのあれやこれやをまとめて説明してみる (20)
Plus de Shunji Konishi (20)
Javascriptのあれやこれやをまとめて説明してみる
- 4. ヒント: FileReader
u ローカルファイルの読み込みにはHTML5のFileReaderクラスが使⽤用
出来る
u readAsDataURLメソッドを実⾏行行すると、読み込み完了了時にonloadイ
ベントが発⽣生
u イベント内でe.target.resultでDataURLが取得できる
- 7. JavaScriptにブロックス
コープはない
u JavaScriptの変数宣⾔言はどこで⾏行行っても関数の先頭で⾏行行われたの
と同じになる(変数の巻き上げ、と呼ばれている)
ただし、可読性をあげ
るためには、変数は使
うところで宣⾔言した⽅方
が良良い。
この場合、⻑⾧長い関数で
は後の⽅方で宣⾔言する変
数名が既に使われてい
るかもしれないという
問題が発⽣生するが、そ
もそも、⼀一⾒見見でつかめ
ないような⻑⾧長い関数は
書くべきではない
- 13. jQueryプラグインでよく見
る例
u $はprototype.js等の別のライブラリでも使⽤用
されているので必ずjQueryオブジェクトを指
すようにする
u undefinedは変数名として使⽤用できるので明
⽰示的に宣⾔言して、引数を渡さないことによっ
て確実にundefinedにしている
- 15. 関数を返す関数
u JavaScriptでは普通に使われる
u 多くの場合このケースのようにスコー
プの形成と変数束縛のために使⽤用され
る
u 分岐でreturnする関数を切切り替える
ケースもあるがその場合は、関数⾃自体
は別に宣⾔言する⽅方が良良い
u ぱっと⾒見見わかりにくいので、可能な限
り使わない⽅方が良良い
- 17. まとめ
u スコープを形成。他の⾔言語だとあまり聞
かないけどJavaScriptでは超重要
u この辺がちゃんとわかってないとjQuery
とかAngularとかのソースを⾒見見てもまった
く理理解できない
u 配列列のループは原則forでまわさず
jQuery.eachを使⽤用する
u Array.forEachもあるが古いブラウザは対
応していない
u ネットからコードをコピる場合も思考停
⽌止せずにちゃんと意味を理理解する