検索
ホームページウェブフロントエンドjsチュートリアルJavaScript の値が値によって渡されるか、reference_javascript スキルによって渡されるかについてのディスカッション

最近、「JS の値は値で渡されるのか、それとも参照で渡されるのか?」という興味深い質問に遭遇しました。

この問題を分析する前に、値による呼び出しと参照による呼び出しとは何かを理解する必要があります。コンピュータサイエンスでは、この部分は評価戦略と呼ばれます。関数を呼び出すときに、変数間、および実パラメータと仮パラメータの間で値がどのように渡されるかを決定します。

値渡し VS. 参照渡し

値による呼び出しは、最も一般的に使用される評価戦略です。関数の仮パラメータは、呼び出し時に渡される実際のパラメータのコピーです。仮パラメータの値を変更しても、実際のパラメータには影響しません。

参照渡し (参照呼び出し) の場合、関数の仮パラメータはコピーではなく実際のパラメータへの暗黙的な参照を受け取ります。これは、関数パラメータの値が変更されると、実際のパラメータも変更されることを意味します。同時に、両方とも同じ値を指します。

参照渡しでは、関数呼び出しのトレースがより困難になり、場合によっては微妙なバグが発生することがあります。

値渡しでは毎回クローンが必要となるため、一部の複雑な型ではパフォーマンスが低下します。値を渡すどちらの方法にも独自の問題があります。

まず、値渡しと参照渡しの違いを理解するために C の例を見てみましょう:

コードをコピー コードは次のとおりです:

void Modify(int p, int * q)
{
p = 27; // 値渡し – p は実際のパラメータ a のコピーであり、p のみが変更されます
*q = 27; // q は b への参照であり、q と b は両方とも変更されます
}
int main()
{
int a = 1;
int b = 1;
Modify(a, &b); // a は値によって渡され、b は参照によって渡されます、
// a は変更されていませんが、b は変更されています
Return(0);
}

ここで次のことがわかります:

a => p が値によって渡される場合、仮パラメータ p の値を変更しても、a の単なるコピーである実際のパラメータ a には影響しません。
b => q は参照によって渡されます。仮パラメータ q の値を変更すると、実パラメータ b の値にも影響します。
JS 値がどのように渡されるかを調べてください
JS の基本的な型は値によって渡されます。

コードをコピー コードは次のとおりです:

var a = 1;
関数 foo(x) {
x = 2;
}
foo(a);
console.log(a); // 1 のままですが、x = 2 の代入の影響を受けません

オブジェクトをもう一度見てみましょう:
コードをコピー コードは次のとおりです:

var obj = {x : 1};
関数 foo(o) {
o.x = 3;
}
foo(obj);
console.log(obj.x); // 3、変更されました!

o と obj は同じオブジェクトであり、o は obj のコピーではないことを説明します。したがって、値によっては渡されません。 しかし、これは JS オブジェクトが参照によって渡されることを意味するのでしょうか?次の例を見てみましょう:
コードをコピー コードは次のとおりです:

var obj = {x : 1};
関数 foo(o) {
o = 100;
}
foo(obj);
console.log(obj.x); // 1 のまま、obj は 100 に変更されていません。

参照によって渡される場合、仮パラメータ o の値を変更すると、実際のパラメータに影響を与えるはずです。ただし、ここで o の値を変更しても、obj には影響しません。 したがって、JS 内のオブジェクトは参照によって渡されません。では、JS でオブジェクトの値はどのように転送されるのでしょうか?

共有による通話

正確に言うと、JS の基本型は値渡しであり、オブジェクト型は共有渡しです (共有呼び出し、オブジェクト渡し、オブジェクト共有渡しとも呼ばれます)。これは、1974 年に Barbara Liskov によって GLU 言語で初めて提案されました。この評価戦略は、Python、Java、Ruby、JS およびその他の言語で使用されます。

この戦略の重要な点は、関数を呼び出してパラメータを渡すとき、関数はオブジェクト引数参照のコピー (値によって渡されるオブジェクトのコピーでも、参照によって渡される暗黙的な参照でもありません) を受け入れることです。 参照渡しとの違いは、共有転送での関数パラメータの割り当てが実際のパラメータの値に影響を与えないことです。次の例のように、仮パラメータ o の値を変更することによって obj の値を変更することはできません。

コードをコピー コードは次のとおりです:

var obj = {x : 1};
関数 foo(o) {
o = 100;
}
foo(obj);
console.log(obj.x); // 1 のまま、obj は 100 に変更されていません。

ただし、参照はコピーですが、参照されるオブジェクトは同じです。これらは同じオブジェクトを共有するため、仮パラメータ オブジェクトのプロパティ値を変更すると、実際のパラメータのプロパティ値にも影響します。
コードをコピー コードは次のとおりです:

var obj = {x : 1};
関数 foo(o) {
o.x = 3;
}
foo(obj);
console.log(obj.x); // 3、変更されました!

オブジェクト タイプの場合、オブジェクトは変更可能であるため、オブジェクト自体を変更すると、オブジェクトを共有する参照および参照コピーに影響します。基本型については、すべて不変であるため、共有渡しと値渡し(値呼び出し)に違いはありません。そのため、JS の基本型は値渡しと共有渡しの両方に準拠します。
コードをコピー コードは次のとおりです:

var a = 1; // 1 は数値型、不変 var b = b = 6;

pass-by-share 評価戦略によれば、a と b は 2 つの異なる参照 (b は a の参照コピー) ですが、同じ値を参照します。ここでの基本型 1 は不変であるため、値による受け渡しと共有による受け渡しに違いはありません。

基本型の不変の性質

基本型は不変(immutable)で、オブジェクトのみが可変(mutable)です。たとえば、数値100、ブール値true、false、これらの値を変更します(たとえば、1を3に変更します)。 true to 100 ) は意味がありません。誤解しやすいのはJSの文字列です。文字列の内容を「変更」しようとする場合がありますが、JS では、文字列値を「変更」するように見える操作は実際には新しい文字列値を作成します。

コードをコピー コードは次のとおりです:

var str = "abc";
str[0] // "a"
; str[0] = “d”;
str; // "abc" の代入はまだ無効です。文字列
の内容を変更する方法はありません。

しかし、オブジェクトは異なり、オブジェクトは変更可能です。
コードをコピー コードは次のとおりです:

var obj = {x : 1};
obj.x = 100;
var o = obj;
o.x = 1;
obj.x; // 1、変更されました
o = true;
obj.x; // 1、o = true
のため変更されません

ここでは変数 obj を定義し、その値は object で、obj.x 属性の値を 100 に設定します。次に、別の変数 o を定義します。その値は依然としてオブジェクト object です。この時点では、2 つの変数 obj と o の値は同じオブジェクトを指します (同じオブジェクトへの参照を共有します)。したがって、オブジェクトの内容を変更すると、obj と o の両方に影響します。ただし、オブジェクトは参照によって渡されません。o の値は o = true によって変更されます。これは obj には影響しません。
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Python vs. JavaScript:開発者の比較分析Python vs. JavaScript:開発者の比較分析May 09, 2025 am 12:22 AM

PythonとJavaScriptの主な違いは、タイプシステムとアプリケーションシナリオです。 1。Pythonは、科学的コンピューティングとデータ分析に適した動的タイプを使用します。 2。JavaScriptは弱いタイプを採用し、フロントエンドとフルスタックの開発で広く使用されています。この2つは、非同期プログラミングとパフォーマンスの最適化に独自の利点があり、選択する際にプロジェクトの要件に従って決定する必要があります。

Python vs. JavaScript:ジョブに適したツールを選択するPython vs. JavaScript:ジョブに適したツールを選択するMay 08, 2025 am 12:10 AM

PythonまたはJavaScriptを選択するかどうかは、プロジェクトの種類によって異なります。1)データサイエンスおよび自動化タスクのPythonを選択します。 2)フロントエンドとフルスタック開発のためにJavaScriptを選択します。 Pythonは、データ処理と自動化における強力なライブラリに好まれていますが、JavaScriptはWebインタラクションとフルスタック開発の利点に不可欠です。

PythonとJavaScript:それぞれの強みを理解するPythonとJavaScript:それぞれの強みを理解するMay 06, 2025 am 12:15 AM

PythonとJavaScriptにはそれぞれ独自の利点があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1. Pythonは、データサイエンスやバックエンド開発に適した簡潔な構文を備えた学習が簡単ですが、実行速度が遅くなっています。 2。JavaScriptはフロントエンド開発のいたるところにあり、強力な非同期プログラミング機能を備えています。 node.jsはフルスタックの開発に適していますが、構文は複雑でエラーが発生しやすい場合があります。

JavaScriptのコア:CまたはCの上に構築されていますか?JavaScriptのコア:CまたはCの上に構築されていますか?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc;それは、解釈されていることを解釈しました。

JavaScriptアプリケーション:フロントエンドからバックエンドまでJavaScriptアプリケーション:フロントエンドからバックエンドまでMay 04, 2025 am 12:12 AM

JavaScriptは、フロントエンドおよびバックエンド開発に使用できます。フロントエンドは、DOM操作を介してユーザーエクスペリエンスを強化し、バックエンドはnode.jsを介してサーバータスクを処理することを処理します。 1.フロントエンドの例:Webページテキストのコンテンツを変更します。 2。バックエンドの例:node.jsサーバーを作成します。

Python vs. Javascript:どの言語を学ぶべきですか?Python vs. Javascript:どの言語を学ぶべきですか?May 03, 2025 am 12:10 AM

PythonまたはJavaScriptの選択は、キャリア開発、学習曲線、エコシステムに基づいている必要があります。1)キャリア開発:Pythonはデータサイエンスとバックエンド開発に適していますが、JavaScriptはフロントエンドおよびフルスタック開発に適しています。 2)学習曲線:Python構文は簡潔で初心者に適しています。 JavaScriptの構文は柔軟です。 3)エコシステム:Pythonには豊富な科学コンピューティングライブラリがあり、JavaScriptには強力なフロントエンドフレームワークがあります。

JavaScriptフレームワーク:最新のWeb開発のパワーJavaScriptフレームワーク:最新のWeb開発のパワーMay 02, 2025 am 12:04 AM

JavaScriptフレームワークのパワーは、開発を簡素化し、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを向上させることにあります。フレームワークを選択するときは、次のことを検討してください。1。プロジェクトのサイズと複雑さ、2。チームエクスペリエンス、3。エコシステムとコミュニティサポート。

JavaScript、C、およびブラウザの関係JavaScript、C、およびブラウザの関係May 01, 2025 am 12:06 AM

はじめに私はあなたがそれを奇妙に思うかもしれないことを知っています、JavaScript、C、およびブラウザは正確に何をしなければなりませんか?彼らは無関係であるように見えますが、実際、彼らは現代のウェブ開発において非常に重要な役割を果たしています。今日は、これら3つの間の密接なつながりについて説明します。この記事を通して、JavaScriptがブラウザでどのように実行されるか、ブラウザエンジンでのCの役割、およびそれらが協力してWebページのレンダリングと相互作用を駆動する方法を学びます。私たちは皆、JavaScriptとブラウザの関係を知っています。 JavaScriptは、フロントエンド開発のコア言語です。ブラウザで直接実行され、Webページが鮮明で興味深いものになります。なぜJavascrを疑問に思ったことがありますか

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール