落書きノート

ふと自分が気になった事を書いてます

最近のJavaScript

「初めてのJavaScript」を読んでいて、最近のJSってこんな感じなんだと思いました。

$(document).ready(function() {
    'use strict';
    paper.install(window);
    paper.setup(document.getElementById('mainCanvas'));

    /* ここで描画する */
    // #@@range_begin(list1)  本に表示されている部分の始まりを示します
    let c = Shape.Circle(200, 200, 50);
    c.fillColor = 'green';
    // #@@range_end(list1)  本に表示されている部分の終わりを示します

    paper.view.draw();

});

変数をlet宣言してますね。strictモードでのみ使えるようです。変数の再代入はバグの元らしいので、最近はこの書き方が流行ってるようです。このプログラムではjQuery,PaperJSを利用しているようですね。実行結果を見た方が分かりやすいと思います。

f:id:kh2n:20170325193241p:plain

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発