shigeki.takeguchi.log

アラフィフおじさんの技術日記

JavaScript:即時関数を意識して使ってみた(jQuery.noConflict()の場合)。

たまには技術的な話題を。

この即時関数についての投稿がわかりやすかった。
しかも、すごく詳細に書かれていて長いんだけどわかりやすいです。
なかなかここまでちゃんと書こうと思ってもかけるもんじゃないですね。

知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){…})()の全て - 三等兵

そういえば、これの呼び名って何て言うんだろうってずっと思ってた。
即時関数って呼べばいいってことか。今ひとつしっくりこない気もするけど。。。
JavaScriptのグローバル変数問題ってのをスマートに解決しようっていう意図なんだろうなと思ってたけどここまでちゃんと解説してくれるとありがたい。

1
2
3
4
5
6
7
jQuery.noConflict();
(function($){
$(function() {
var val = $('h1').text();
alert(val);
});
})(jQuery);

これはjQueryの競合(コンフリクト)を解決するための初期化というか初動のコード。h1の値であるテキスト情報をとってくるコードなんだけど確かにわかりくいっていう難点はある。
でもこういう自由さがJavaScriptの面白いところ。あと奥が深いところでもある。

1
2
3
4
5
$.noConflict();
jQuery(document).ready(function($) {
var val = $('h1').text();
alert(val);
});

こっちのほうがわかりやすいかな?

shigeki.takeguchi

渋谷の某ソーシャルゲームの会社でフロントエンドエンジニアとして働いてます。20世紀よりウェブ業界。気づいたらアラフィフ業界人です。
まだまだ現場で粘り強く作る側でいたいと思います。