pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

--- a PPN by Garber Painting Akron. With Image Size Reduction included!

よくある JavaScript の問題の解決

JavaScript のコードが正しく動作しないので修正したい、というような場合にみられる、よくある問題の解決方法へのリンクを以下に示します。

初心者によくある誤り

スペル、大文字小文字を訂正する

コードが正しく動かない場合や、何かが未定義であるとブラウザーがエラーを出した場合、変数名や関数名のスペルが正しいか確認してください。

間違いやすいブラウザーの組み込み関数の例です。

正	誤
`getElementsByTagName()`	`getElementByTagName()`
`getElementsByName()`	`getElementByName()`
`getElementsByClassName()`	`getElementByClassName()`
`getElementById()`	`getElementsById()`

セミコロンの位置

セミコロンの位置に誤りがないか確認してください。例を挙げます。

正	誤
`elem.style.color = 'red';`	`elem.style.color = 'red;'`

関数

関数についての誤りは何点かあります。

よくある誤りの一つとして、関数を定義したがどこからも呼び出していない、というものがあります。例を挙げます。

function myFunction() {
  alert("This is my function.");
}

上記のコードで定義した関数は、例えば以下のように呼び出さないかぎり何もしません。

myFunction();

関数のスコープ

関数は関数自身のスコープを持ちます。変数をグローバルに（関数の外で）定義するか、返値として変数の値を関数の外に返さないかぎり、関数の外から関数の中で定義された変数にアクセスすることはできません。

return 文の後ろのコードの実行

return 文で関数から値を返したとき、 JavaScript のインタープリターはその関数を終了します。 return 文の後ろのコードは実行されません。

Firefox などのいくつかのブラウザーは、 return 文の後ろにコードが存在する場合、開発者ツールのコンソールにエラーメッセージを出力します。 Firefox が出力するメッセージは "unreachable code after return statement" です。

オブジェクトリテラル記法 vs 通常の代入

JavaScript で普通に何かを代入するときは、単一の等号を使用します。

const myNumber = 0;

ただし、オブジェクトでは、正しい構文を使用するように注意する必要があります。オブジェクトは中括弧で囲み、メンバー名とその値はコロンで区切り、メンバーはカンマで使用しなければなりません。例えば、次のようになります。

const myObject = {
  name: "Chris",
  age: 38,
};

Web 開発で扱わなければならない数値型とは
JavaScript での基本的な算術演算の方法とは
JavaScript での演算子の優先順位とは
JavaScript で値をインクリメント、デクリメントするには
JavaScript で値を比較するには(どちらが大きいか、ある値が別の値と等しいか、など)

JavaScript を使用して DOM を操作（要素の追加や削除）するには

Help improve MDN

Learn how to contribute

This page was last modified on 2025年2月28日 by MDN contributors.

View this page on GitHub • Report a problem with this content

pFad - Phonifier reborn

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies:

pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

よくある JavaScript の問題の解決

初心者によくある誤り

スペル、大文字小文字を訂正する

セミコロンの位置

関数

関数のスコープ

return 文の後ろのコードの実行

オブジェクトリテラル記法 vs 通常の代入

基本的な定義

初級のユースケース

全般

変数

数学

文字列

配列

JavaScript のデバッグ

コード内での決定

ループ/反復処理

中級のユースケース

関数

オブジェクト

JSON

イベント

オブジェクト指向 JavaScript

Web API

Help improve MDN

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.