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);
});

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

ここのところワンカットで撮影した散歩動画をYouTubeで配信してます。商店街や飲み屋街から観光地、城跡、坂など好奇心のおもむくまま撮影してます。動画を気に入ったらYouTubeのチャンネルも観てもらえると嬉しいです。https://www.youtube.com/c/shigekitakeguchi