JavaScriptのalertを書き換える

dorako321

8年前

実は代入するだけで別の機能にできます。

    (function() {
    	alert('test message');
    	alert = confirm;
    	alert('test message'); // confirmが実行される
    })();

(function() {

alert('test message');

alert = confirm;

alert('test message'); // confirmが実行される

})();

後処理前処理的なの追加できないかなーって思ってたらstackしてしまった。

    (function() {
    	alert('test message');
    	alert = function(msg){alert(msg)};
    	alert('test message');
    })();

// Uncaught RangeError: Maximum call stack size exceeded

(function() {

alert('test message');

alert = function(msg){alert(msg)};

alert('test message');

})();

// Uncaught RangeError: Maximum call stack size exceeded

alert実行の前後にbefore()とafter()を呼び出すように変更。呼び出しはいままでのalert()でいける。もうちょっといい感じに書きたい。

    (function() {
        alert('test message');
        var alertFunc = alert;
        var before = function() {
            console.log('before');
        }

        var after = function() {
            console.log('after');
        }


        alert = function(msg) {
            before();
            alertFunc(msg);
            after();

        };
        alert('test message'); // before()が実行されてalertFunc()が実行されてafter()が実行される
    })();

(function() {

alert('test message');

var alertFunc = alert;

var before = function() {

console.log('before');

}

var after = function() {

console.log('after');

}

alert = function(msg) {

before();

alertFunc(msg);

after();

};

alert('test message'); // before()が実行されてalertFunc()が実行されてafter()が実行される

})();

以上小ネタでした。