Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a サイ本読書会4章変数
Semelhante a サイ本読書会4章変数 (20)
Último
Último (20)
サイ本読書会4章変数
- 3. スコープ＝関数
- 4. 大事なことなので（ｒｙ
- 5. スコープ＝関数
- 6. 別の言い方をすると
- 8. スコープ＝関数
- 10. 変数のスコープ
- 11. GC（ガベージコレクション）
- 12. スコープチェーン今日は変数の話
- 13. <script type=‘text/javascript’> var scope = ‘global’; function checkscope() { var scope = ‘local’; alert(scope); } checkscope(); // => local alert(scope); // => global </script> 変数の宣言 - var
- 14. <script type=‘text/javascript’> var scope = ‘global’; function checkscope() { scope = ‘local’; alert(scope); } checkscope(); // => local alert(scope); // => local </script> 変数の宣言 - varの省略
- 16. varの省略 ダメ！ゼッタイ！
- 17. そもそもグローバル変数は(ry
- 18. <script type='text/javascript'> function checkscope() { for(vari=0; i<2; i++){ alert(i); } alert(i); } checkscope(); // => 0, 1, 2 </script> 変数宣言の慣用句
- 19. <script type='text/javascript'> function checkscope(i) { ... for(vari=0; i<2; i++){ alert(i); } alert(i); } checkscope(10);// => 0, 1, 2 </script> 変数宣言の慣用句 – やりがち？
- 20. スコープ＝関数
- 21. <script type='text/javascript'> function checkscope1() { alert(hoge); varhoge = 1; alert(hoge); } function checkscope2() {alert(hoge);} checkscope1(); // => undefined, 1 checkscope2(); // => 未定義エラー </script> 変数宣言のわな？
- 23. <script type='text/javascript'> checkscope1(); // ここで関数を呼べる function checkscope1() { alert(hoge); // ここで変数を参照できる var hoge; } </script> functionとvar
- 24. <script type='text/javascript'> checkscope1(); // ここで関数を呼べ”ない”！ var checkscope1 = function() {alert(‘hoge’);} </script> // varを付ける付けないでエラーメッセージが違うよ <script type='text/javascript'> checkscope2(); // ここで関数を呼べ”ない”！ checkscope2 = function() {alert(‘hoge’);} </script> ちなみにfunctionリテラル
- 25. alert(hoge); hoge = 10; 未定義の変数を参照すると実行時エラー 代入するとグローバル変数を作成 var fuga; alert(fuga); 未代入の変数を参照するとundefined 未定義と未代入
- 26. スコープチェーン
- 28. ・globalオブジェクト(全体で一つ) global変数やglobalな関数は globalオブジェクトのプロパティ/メソッド ・callオブジェクト(関数が呼び出されるごと) 関数内の変数や関数内関数は callオブジェクトのプロパティ/メソッド スコープを管理するオブジェクト
- 29. globalオブジェクト(ブラウザの場合) // globalスコープの変数代入は var g_hoge = 1; // 以下の代入と等価 window.g_hoge = 1; windowオブジェクト g_hoge = 1 // よく利用されるglobalプロパティ document.write(“hoge”); // 以下の呼び出しと等価 window.document.write(“hoge”); windowオブジェクト document
- 30. callオブジェクト 実行時に暗黙的に作成されるオブジェクト 直接参照/編集不可 function hoge() { var fuga = 100; } callオブジェクト fuga = 100
- 31. 変数参照順序 globalオブジェクト window.g_hoge = 1 window.outer global var g_hoge = 1; outer(); function outer() { var fuga = 10; } callオブジェクト outerCall.fuga = 10 outerCall.inner function inner() { var hoge = 100; alert(fuga); } callオブジェクト innerCall.hoge = 100
- 32. スコープチェーン がわかると クロージャが わかる！！
- 33. 詳しくは8章で
- 34. スコープに関する クイズ
- 35. <body> <script type='text/javascript'> function hoge(){ ... } </script> <!-– ボタンクリック時にほげほげ処理をさせたい --> <button onclick=‘hoge()’></button> <!-- 処理に応じて任意のテンプレートが呼ばれる --> {include ...} </body> include先のscriptと関数名が絶対に 衝突しないようにするにはどうすれば良い？ スコープにまつわるクイズ
- 36. ・javascript lint 変数の多重定義とか if(x = y)とかいろいろチェックしてくれます ・”use strict”; ECMAScript5版で導入された仕様今のところFirefox4限定だけど変数宣言などを厳しくチェック 便利ツール