ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の値渡しまたは参照渡し: 本当の話は何ですか?

JavaScript の値渡しまたは参照渡し: 本当の話は何ですか?

Mary-Kate Olsen
リリース: 2024-12-28 17:27:55
オリジナル
974 人が閲覧しました

JavaScript Pass by Value or Reference: What's the Real Story?

JavaScript: 参照渡しと値渡しの解明

JavaScript では、参照渡しと値渡しのトピックがよく取り上げられます。質問。この概念を理解することは、効果的なプログラミングにとって重要です。

値による受け渡しと参照による受け渡し

一般的な考えに反して、JavaScript は常に値によって関数に引数を渡します。ただし、渡される値は、プリミティブ データ型 (数値、文字列、ブール値、null、未定義) またはオブジェクトへの参照 (配列、オブジェクト) にすることができます。

プリミティブとオブジェクト

  • プリミティブ: 実際の値によって渡されます。渡された値を変更しても、関数の外の変数には影響しません。
  • オブジェクト (配列、オブジェクト): 参照によって渡されます。オブジェクトのプロパティを変更すると、関数の外の変数に影響します。ただし、オブジェクト全体を新しい参照に再割り当てしても、外部変数には影響しません。

例:

コード スニペットを考えてみましょう:

function f(a, b) {
  a = 3;
  b[0] = "foo";
}

var x = 4;
var y = ["eeny", "miny", "mo"];
f(x, y);
ログイン後にコピー
  • x は値によって渡されるプリミティブであるため、変更されません。再割り当てされました。
  • y は参照によって渡されたオブジェクトであり、そのプロパティが変更されたため、変更されます。

独立したオブジェクトの複製

作成するには参照のない完全に独立したオブジェクトのコピーの場合、ベスト プラクティスは Object.assign() メソッドまたはスプレッド演算子を使用することです。 (...).

例:

const original = { foo: "bar" };
const clone = { ...original };
ログイン後にコピー

この例では、クローンはオリジナルの独立したコピーです。クローンに変更を加えても、オリジナルには影響しません。

以上がJavaScript の値渡しまたは参照渡し: 本当の話は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート