noop とは
- ここで説明する noop とは次の語句からなる jQuery の関数です。
- noop
- 読み: ヌープ
意味: IT の分野では機械語や通信プロトコルのコマンドで、「何もしない」という意味を持つ。 ( No Operation ) の略語。 nop と略す場合もある。
noop 関数の概要
この関数は、作成した関数を無効にすることができます。
この関数の仕様は、jQuery の記法としては珍しく、自作した関数名に $.noop() 関数を代入することで無効処理が実行されます。
構文
サンプルを見る前に構文を確認しておきます。
##Function = $.noop();サンプルコードと実行結果
ここでは、配置したボタンをクリックすることで自作した関数、 funcOneExec() が実行されます。
funcOneExec() 関数は、関数の処理内に $.noop() を組み込んでおり、 自身を無効にするようにしていますので、1 回しか実行されません。
サンプルコード: HTML
<head>
<style>...</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<button id="idButton"> アラートを 1 回だけ表示します </button>
<script>...</script>
</body>
- 06: button id="idButton" (識別子に idButton をもつボタン要素です。)
サンプルコード: script
<script>
function funcOneExec(){
window.alert("このダイアログは 1 回しか表示されません");
funcOneExec = $.noop();
}
$("#idButton").click(function(){funcOneExec()});
</script>
- 02-05: function funcOneExec(){ 関数の処理 } (funcOneExec() という関数を作成しています。)
- 03: window.alert("xxx") (アラートダイアログを開いて "xxx" と表示します。)
- 04: funcOneExec = $.noop() (funcOneExec という関数を $.noop() で無効化しています。)
- 06: $("#idButton").click(function(){funcOneExec()}) (id="idButton" の要素がクリックされたら funcOneExec() 関数が実行されます。)
実行: