Download to read offline
ES6 はじめました
- 1. 2015/09/26 16:53 1/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ ES6ES6はじめましたはじめました @kanayannet IGGG Meetup 2015 Summer
- 2. 2015/09/26 16:53 2/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 今日話すこと今日話すこと 自己紹介 Whatis ES? Javascript Problem そこで ES6 宣伝
- 3. 2015/09/26 16:53 3/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 自己紹介自己紹介 名前: 金澤 宏昭 開発環境 OS : CentOS(Linux) , Mac 言語 : Ruby , Perl , JS , HTML , CSS...
- 4. 2015/09/26 16:53 4/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ SNSSNS Twitter: @kanayannet Facebook : HiroakiKanazawa
- 5.
- 6. 2015/09/26 16:53 6/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ Whatis ES?What is ES? ES = EcmaScript
- 7.
- 8. 2015/09/26 16:53 8/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 過去の経緯過去の経緯 ECMAScriptはEcma International によって標 準化された スクリプト言語 実装ごとの互換性が低い JavaScript 類（特に JScript）の 標準を定めたものである。 by Wikipedia
- 9. 2015/09/26 16:53 9/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 金澤的金澤的見解見解 各社 が JScriptなど独自路線を取ってしまい 「何が標準なの?」 状態になったため Ecma International という 団体が 「標準規格化」 しました...
- 10. 2015/09/26 16:53 10/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ ECMAECMAってって?? EuropeanComputer Manufacturers Association 日本のJIS規格的な
- 11.
- 12. 2015/09/26 16:53 12/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 2009年version5 から IE9 くらい? "use strict"; 未定義のグローバルObjectに代入などを 防ぎます。
- 13.
- 14.
- 15. 2015/09/26 16:53 15/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ SampleCodeSample Code varvar Name =Name = functionfunction((namename)){{ thisthis.name = name;.name = name; }} varvar hoge =hoge = newnew Name(Name('Hiroaki Kanazawa''Hiroaki Kanazawa');); consoleconsole.log(hoge.name);.log(hoge.name); // -> 'Hiroaki Kanazawa'// -> 'Hiroaki Kanazawa'
- 16. 2015/09/26 16:53 16/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ ちなみにちなみに「「newnew」を忘れる」を忘れる とと..?..? varvar Name =Name = functionfunction((namename)){{ thisthis.name = name;.name = name; }} varvar hoge = Name(hoge = Name('Hiroaki Kanazawa''Hiroaki Kanazawa');); consoleconsole.log(name);.log(name); // -> 'Hiroaki Kanazawa'// -> 'Hiroaki Kanazawa'
- 17. 2015/09/26 16:53 17/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ なぜなぜ?? GlobalObject に代入されてしまった。 Global Object -> window.name -> name "use strict" で問題に気付かせる事は出来 る。 とはいえ..new するのに function て...＞＜
- 18. 2015/09/26 16:53 18/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ これどうなるこれどうなる?? "usestrict""use strict";; varvar fuga =fuga = "global""global";; functionfunction funcfunc(()) {{ consoleconsole.log(fuga).log(fuga) //// どうなる?;?; varvar fuga =fuga = "local""local";; consoleconsole.log(fuga).log(fuga) //// どうなる?;?; }} func();func(); consoleconsole.log(fuga).log(fuga) //// どうなる?;?;
- 19. 2015/09/26 16:53 19/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 巻き上げ巻き上げ "usestrict""use strict";; varvar fuga =fuga = "global""global";; functionfunction funcfunc(()) {{ consoleconsole.log(fuga).log(fuga) // -> undefined;// -> undefined; varvar fuga =fuga = "local""local";; consoleconsole.log(fuga).log(fuga) // -> local;// -> local; }} func();func(); consoleconsole.log(fuga).log(fuga) // -> global;// -> global;
- 20. 2015/09/26 16:53 20/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ "usestrict""use strict" でも解消できなでも解消できな いい ＞＜＞＜
- 21.
- 22. 2015/09/26 16:53 22/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ SampleCodeSample Code classclass NameName {{ constructor(name){constructor(name){ thisthis.name = name;.name = name; }} }} varvar hoge =hoge = newnew Name();Name(); consoleconsole.log(hoge.name);.log(hoge.name);
- 23. 2015/09/26 16:53 23/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ 先ほどの問題はおきない先ほどの問題はおきない function-> class になる事で new し忘れたら、 即エラー class だと 巻き上げ も起きなくなってます。
- 24.
- 25.
- 26.
- 27. 2015/09/26 16:53 27/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ installinstall *script.js は es6 で書かれている npmnpm installinstall --gg babelbabel babel script.jsbabel script.js
- 28.
- 29.
- 30.
- 31. 2015/09/26 16:53 31/32 ページhttp://localhost:3000/iggg.md?print-pdf=1#/ よかったら参加して下さいよかったら参加して下さい ハッシュタグ: #gunmaweb 2015/10/3 https://gunmaweb.doorkeeper.jp/events/29858
- 32.