JavaScript

構文

変数

var message = "Hello World";
var num = 100;

定数

const PI = 3.14;

for

while

配列

var sales = [100, 200, 250];

連想配列

var sales = { 'year2000':100, 'year2001':200, 'year2002':150 };

例外処理

try {

 hogehoge();

} catch (e) {

 console.error(e);

}

開発

表示

var value = 100;
alert(value); // ブラウザがメッセージボックスを表示し、本文にvalueの値である100が表示される。
console.log(value); // ブラウザのコンソール画面（Firefox 16.0.1では[ツール]-[Web 開発]-[Web コンソール]）
conosole.error(value);

JavaScriptオブジェクト（組み込み型）

文字列オブジェクト

var s = new String("this is a pen."); alert(s.length);

日付オブジェクト

var d = new Date(); alert(d.getFullYear());

BOM (Browser Object Model)

window.innerHeight

ウィンドウの縦ピクセル数

window.location.href

現在のウィンドウのURL

ライブラリ

標準

日付：Date

タイマー処理

• window.setTimeout(func, msec) 指定した関数を指定時間後に一度だけ呼び出す。時間値は最低時間。実際に呼び出されるときにそれ以上の時間が経過している。
• window.setInterval(func, msec) 指定した関数を指定間隔で呼び出す。時間値は最低時間。実際に呼び出されるときにそれ以上の時間が経過している。

ドラフト

• Web Workers（並列処理）

よく使われる

• AngularJS https://angularjs.org
• Bootstrap http://getbootstrap.com
• jQuery https://jquery.com
• Processing.js http://processingjs.org
• React https://facebook.github.io/react/

周辺ツール

難読化

軽量化系ツール

基本的にはコメント除去や改行除去を行うツール。コメントがなくなるため読みにくくなる。

UglifyJS

https://www.npmjs.com/package/uglify-js

高度難読化ツール

JavaScript Offuscato Tool

https://javascriptobfuscator.herokuapp.com