這篇文章主要介紹了JS中值傳遞和引用傳遞的區(qū)別有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了渝水免費(fèi)建站歡迎大家使用！

JS是什么

JS是JavaScript的簡(jiǎn)稱(chēng)，它是一種直譯式的腳本語(yǔ)言，其解釋器被稱(chēng)為JavaScript引擎，是瀏覽器的一部分，主要用于web的開(kāi)發(fā)，可以給網(wǎng)站添加各種各樣的動(dòng)態(tài)效果，讓網(wǎng)頁(yè)更加美觀。

在JavaScript中，可以通過(guò)值和引用傳遞。兩者之間的主要區(qū)別是，按值傳遞發(fā)生在賦值基本類(lèi)型的時(shí)候，而賦值對(duì)象時(shí)按引用傳遞。下面詳細(xì)看看。

1.理解基本類(lèi)型和對(duì)象

JavaScript提供了2種數(shù)據(jù)類(lèi)型：基本類(lèi)型和對(duì)象。

基本類(lèi)型有 number, boolean, string, symbol,null,undefined。

// 基本類(lèi)型
const number = 10;

const bool = false;

const str = 'Hello!';

const missingObject = null;

const nothing = undefined;

第二類(lèi)是對(duì)象，普通對(duì)象、數(shù)組、函數(shù)等等都是對(duì)象。

// Objects
const plainObject = {
  prop: 'Value'
};

const array = [1, 5, 6];

const functionObject = (n1, n2) => {
  return n1 + n2;
};

換句話說(shuō)，任何不是基本類(lèi)型的值都是對(duì)象。

2.按值傳遞

按值傳遞的簡(jiǎn)單規(guī)則是 JS 中的所有基本類(lèi)型都按值傳遞，就這么簡(jiǎn)單。

按值傳遞意味著每次將值賦給變量時(shí)，都會(huì)創(chuàng)建該值的副本，每一次哦。

舉個(gè)例子來(lái)看看，假設(shè)我們有兩個(gè)變量 a 和 b：

let a = 1;
let b = a;

b = b + 2;

console.log(a); // 1
console.log(b); // 3

第一條語(yǔ)句，聲明一個(gè)變量 a，并賦值為 1。

第二條語(yǔ)句，聲明一個(gè)變量 b，并把 a 的值賦值給它。

最后，b = b + 2增加2并變?yōu)?code>3。b變量發(fā)生變化，并且該變化不會(huì)影響a的值。

3.引用傳遞

通過(guò)引用傳遞的方式與值傳遞相比會(huì)有所不同。

當(dāng)創(chuàng)建一個(gè)對(duì)象時(shí)，就獲取一個(gè)對(duì)該對(duì)象的引用。如果兩個(gè)變量持有相同的引用，那么改變對(duì)象會(huì)反映在兩個(gè)變量中。

請(qǐng)看下面代碼：

let y = x;

y.push(2);

console.log(x); // [1, 2]
console.log(y); // [1, 2]

第一個(gè)語(yǔ)句let x =[1]創(chuàng)建一個(gè)數(shù)組，定義一個(gè)變量x，并使用對(duì)創(chuàng)建的數(shù)組的引用來(lái)初始化變量。

然后let y = x定義一個(gè)變量y，并使用存儲(chǔ)在x變量中的引用來(lái)初始化y，這是一個(gè)引用傳遞。

y通過(guò)y.push(2)通來(lái)改變數(shù)組。因?yàn)?code>x和y變量引用相同的數(shù)組，所以這種變化會(huì)反映在兩個(gè)變量中。

注意：為簡(jiǎn)單起見(jiàn)，我說(shuō)變量包含對(duì)對(duì)象的引用。 但是嚴(yán)格說(shuō)來(lái)，JavaScript中的變量包含的值是對(duì)對(duì)象的引用。

【推薦學(xué)習(xí)：javascript高級(jí)教程】

4.值傳遞和引用傳遞的比較

在比較對(duì)象時(shí)，理解值和引用之間的區(qū)別非常重要。

當(dāng)使用嚴(yán)格比較運(yùn)算符===時(shí)，如果兩個(gè)變量的值相同，則它們相等。 以下所有比較均相等

const one = 1;
const oneCopy = 1;

console.log(one === oneCopy); // true
console.log(one === 1);       // true
console.log(one === one);     // true

one和oneCopy具有相同的值1。當(dāng)兩個(gè)操作數(shù)都為1時(shí)，操作符===的計(jì)算結(jié)果都為true。

但是比較運(yùn)算符===在比較引用時(shí)的工作方式有所不同。 2個(gè)引用只有在引用完全相同的對(duì)象時(shí)才相等。

ar1和ar2保存對(duì)不同數(shù)組實(shí)例的引用：

const ar1 = [1];
const ar2 = [1];

console.log(ar1 === ar2); // false
console.log(ar1 === [1]);  // false

const ar11 = ar1;
console.log(ar1 === ar11); // true
console.log(ar1 === ar1);  // true

ar1和ar2引用結(jié)構(gòu)相同的數(shù)組，但是ar1 === ar2的計(jì)算結(jié)果為false，因?yàn)?code>ar1和ar2引用了不同的數(shù)組對(duì)象。

僅當(dāng)比較指向相同對(duì)象的引用時(shí)，比較運(yùn)算符才返回true：ar1 === ar11或ar1 === ar1。

5.總結(jié)

在JavaScript中，原始類(lèi)型作為值傳遞：意味著每次分配值時(shí)，都會(huì)創(chuàng)建該值的副本。

另一方面，對(duì)象（包括普通對(duì)象，數(shù)組，函數(shù)，類(lèi)實(shí)例）是引用。 如果修改對(duì)象，則引用該對(duì)象的所有變量都將看到更改。

比較運(yùn)算符區(qū)分比較值和參考。 僅當(dāng)引用完全相同的對(duì)象時(shí)，2個(gè)保存引用的變量才相等，但是，無(wú)論值源自何處，只要變量具有相同的2個(gè)值（分別來(lái)自變量，文字等），則2個(gè)保存值的變量就相等。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS中值傳遞和引用傳遞的區(qū)別有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

本文題目：JS中值傳遞和引用傳遞的區(qū)別有哪些
轉(zhuǎn)載源于：http://chinadenli.net/article4/pigcie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、小程序開(kāi)發(fā)、定制網(wǎng)站、商城網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)