2020年2月に行われた大学の情報LT大会にて発表したスライドです。 JavaScriptの恐ろしい点を発表しました。

2. 自己紹介
@tokoroten_lab
トコロテン (情報科学科2年)
最近鈴谷アキくんの非公式ファンサイトを立ち上げた。
http://akikun.ski/

3. はじまり
 神は「Webあれ」と言われた。するとWebがあった。
 神はそのWebを見て、良しとされた。
 神はその光とやみとを分けられた。
 神は光をHTML/CSSと名づけ、やみをJavaScriptと名づけられた。
 夕となり、また朝となった。第一日である。

4. JavaScriptとは
Web界のtourist
 バカ
世界はJavaScriptでできている
 アホ
常に進化し続ける前向きな姿勢
 マヌケ
柔軟な動的型付け言語
 カス

5. 動作環境
クライアントサイド(基本的にWebブラウザの上で動作) サーバーサイド

6. Hello world.
console.log(‘Hello JavaScript’)
console.log(’Hello JavaScript’);
console.log(”Hello JavaScript”)
console.log(”Hello JavaScript”);

7. 二分探索
期待結果: 0, 1, 2, 3, 4 実行結果: 0.5, 0.5, 2, 3.5, 3.5
カス

8. 0.5, 0.5, 2, 3.5, 3.5
💩

9. 二分探索
どこがまずかったのか
期待結果: 0, 1, 2, 3, 4 実行結果: 0.5, 0.5, 2, 3.5, 3.5
諸悪の権化
カス

10. JavaScriptにおける数値型
型 説明
Number 整数または浮動小数点数
例: 42, 3.14159
BigInt 精度が自由な整数値
例: 9007199254740992n
console.log(1 / 2) -> 0.5
console.log(data[1/2]) -> undefined
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types

11. Falsy if(value) {…}
value Boolean(value)
false false
null false
undefined false
0 false
NaN false
‘’ false
”” false
`` false
document.all false

12. 二分探索
どこがまずかったのか
期待結果: 0, 1, 2, 3, 4 実行結果: 0.5, 0.5, 2, 3.5, 3.5
諸悪の権化
カス
→ 0.5
→ undefined > target
→ undefined < target
→ return 0.5;

13. 改善案
const middle = left + (right – left) / 2;
const middle = Math.trunc(left + (right – left) / 2);
Math.floor()はおすすめしない: Math.floor(-1.5) → -2

14. TypeScript
JavaScriptに静的型付けをもたらす救世主
世界一型矯正が上手
静的型付け界のtourist
動的型付けの終焉を告げる者
実質型
実行時エラーを減らすために生まれてきた男
古典: 新約蜘蛛巣之聖書 より

15. おわり
 神はそのおおぞらをTypeScriptと名づけられた。
 夕となり、また朝となった。第二日である。