JavaScript Void 0 – javascript:void(0);とは 平均?

辞書によれば、ボイドという言葉は「完全に空のスペース」を意味します。この用語は、プログラミングで使用される場合、「何もない」、いわば「空の値」の戻りを指します。

voidキーワードとは何ですか?

関数がvoidの場合、その関数は何も返さないことを意味します。これはundefined、次のように明示的に返すJavaScriptの関数に似ています。

function und() { return undefined } und() 

または暗黙的に、次のように:

function und() { } und() 

上記の関数の式とステートメントに関係なく(2つの数値を加算し、5つの数値の平均を求めます)、結果は返されません。

これで、voidキーワードが何であるかがわかりました。どうjavascript:void(0)ですか?

javascript:void(0)ですか?

これを分割すると、とがjavascript:ありvoid(0)ます。各部分をさらに詳しく見ていきましょう。

javascript:

これは、疑似URLと呼ばれます。ブラウザがこの値をhrefアンカータグのの値として受け取ると、値を参照パスとして扱うのではなく、コロン(:)に続くJSコードを解釈します。

例えば:

Link 

「リンク」をクリックすると、結果は次のようになります。

上記のように、ブラウザはhref参照パスとして扱われません。代わりに、「javascript:」の後に始まり、セミコロンで区切られたJavaScriptコードとして扱います。

void(0)

void演算子は、指定された式を評価し、を返しますundefined

例えば:

const result = void(1 + 1); console.log(result); // undefined 

1 + 1評価されますがundefined、返されます。これを確認するために、別の例を示します。

Heading

void(document.body.style.backgroundColor = 'red', document.body.style.color = 'white' )

上記のコードの結果は次のとおりです。

別の例を次に示します。

console.log(void(0) === undefined) // true 

組み合わせjavascript:void(0)

リンクで別のページに移動したり、ページをリロードしたりしたくない場合があります。を使用javascript:すると、現在のページを変更しないコードを実行できます。

これは、void(0)手段とともに使用され、何もしません-リロードしたり、ナビゲートしたり、コードを実行したりしないでください。

例えば:

Link 

「リンク」という単語は、ブラウザによってリンクとして扱われます。たとえば、フォーカス可能ですが、新しいページに移動しません。

0に渡される引数voidは何もせず、何も返しません。

JavaScriptコード(上記のとおり)を引数としてメソッドに渡すこともできvoidます。これにより、link要素はいくつかのコードを実行しますが、同じページを維持します。

例えば:

Link 

ボタンをクリックすると、次のようになります。

を使用voidすると、ブラウザに何も返さない(または返すundefined)ように指示します。

javascript:void(0)参照を含むリンクの別の使用例は、リンクがバックグラウンドでJavaScriptコードを実行する場合があり、ナビゲートが不要な場合があることです。この場合、式はに渡される引数として使用されますvoid

結論

この簡略化された記事では、void演算子とは何か、どのように機能するか、リンクの属性のjavascript:疑似URLでどのように使用されるかを学びましたhref

これにより、ページがクリックされたときに別のページに移動したり、現在のページを再読み込みしたりすることがなくなります。