JavaScriptに関するスニペット一覧

Bind_demo.js

(function() {
    var app = { name: 'fuga' };

    // bindパターン1
    var t = document.getElementById('hoge');
    t.addEventListener('click', function(ev) {
        console.log(ev.target.tagName); // DIV
        console.log(this); // fuga
    }.bind(app));


    // bindパターン2
    app.piyo = function(){
        var t = document.getElementById('hoge');
        t.addEventListener('click', function(ev) {
            console.log(ev.target.tagName); // DIV
            console.log(this); // fuga
        }.bind(this)); // app自身ですよ
    };
    app.piyo();

})();

javascript_snipet.md

• 素のJavaScriptによる非同期通信処理
• jQueryによる非同期通信処理のデモ(xml)
• jQueryでマウスを動かしたときマウスの座標を取得
• モジュールの作り方例
• map関数の使い方例
• JavaScriptの丸め誤差確認用コード
• bindパターン