亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

深入理解JavaScript 參數(shù)按值傳遞

 更新時間:2017年05月24日 09:24:12   作者:冴羽  
本篇文章主要介紹了深入理解JavaScript 參數(shù)按值傳遞,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

定義
ECMAScript中所有函數(shù)的參數(shù)都是按值傳遞的。

什么是按值傳遞呢?

也就是說,把函數(shù)外部的值復制給函數(shù)內(nèi)部的參數(shù),就和把值從一個變量復制到另一個變量一樣。

按值傳遞

舉個簡單的例子:

var value = 1;
function foo(v) {
  v = 2;
  console.log(v); //2
}
foo(value);
console.log(value) // 1

很好理解,當傳遞 value 到函數(shù) foo 中,相當于拷貝了一份 value,假設拷貝的這份叫 _value,函數(shù)中修改的都是 _value 的值,而不會影響原來的 value 值。

引用傳遞

拷貝雖然很好理解,但是當值是一個復雜的數(shù)據(jù)結構的時候,拷貝就會產(chǎn)生性能上的問題。

所以還有另一種傳遞方式叫做按引用傳遞。

所謂按引用傳遞,就是傳遞對象的引用,函數(shù)內(nèi)部對參數(shù)的任何改變都會影響該對象的值,因為兩者引用的是同一個對象。

舉個例子:

var obj = {
  value: 1
};
function foo(o) {
  o.value = 2;
  console.log(o.value); //2
}
foo(obj);
console.log(obj.value) // 2

哎,不對啊,連我們的紅寶書都說了 ECMAScript 中所有函數(shù)的參數(shù)都是按值傳遞的,這怎么能按引用傳遞成功呢?

而這究竟是不是引用傳遞呢?

第三種傳遞方式

不急,讓我們再看個例子:

var obj = {
  value: 1
};
function foo(o) {
  o = 2;
  console.log(o); //2
}
foo(obj);
console.log(obj.value) // 1

如果 JavaScript 采用的是引用傳遞,外層的值也會被修改吶,這怎么又沒被改呢?所以真的不是引用傳遞嗎?

這就要講到其實還有第三種傳遞方式,叫按共享傳遞。

而共享傳遞是指,在傳遞對象的時候,傳遞對象的引用的副本。

注意: 按引用傳遞是傳遞對象的引用,而按共享傳遞是傳遞對象的引用的副本!

所以修改 o.value,可以通過引用找到原值,但是直接修改 o,并不會修改原值。所以第二個和第三個例子其實都是按共享傳遞。

最后,你可以這樣理解:

參數(shù)如果是基本類型是按值傳遞,如果是引用類型按共享傳遞。

但是因為拷貝副本也是一種值的拷貝,所以在高程中也直接認為是按值傳遞了。

所以,高程,誰叫你是紅寶書嘞!

深入系列

JavaScript深入系列目錄地址: https://github.com/mqyqingfeng/Blog 。

JavaScript深入系列預計寫十五篇左右,旨在幫大家捋順JavaScript底層知識,重點講解如原型、作用域、執(zhí)行上下文、變量對象、this、閉包、按值傳遞、call、apply、bind、new、繼承等難點概念。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • JavaScript實現(xiàn)定時器循環(huán)展示數(shù)組

    JavaScript實現(xiàn)定時器循環(huán)展示數(shù)組

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)定時器循環(huán)展示數(shù)組,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • 詳解webpack的配置文件entry與output

    詳解webpack的配置文件entry與output

    本篇文章主要介紹了webpack的配置文件entry與output,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • js 對象使用的小技巧實例分析

    js 對象使用的小技巧實例分析

    這篇文章主要介紹了js 對象使用的小技巧,結合實例形式分析了JavaScript對象的遍歷、查找、事件監(jiān)聽等相關操作技巧,需要的朋友可以參考下
    2019-11-11
  • json字符串之間的相互轉換示例代碼

    json字符串之間的相互轉換示例代碼

    這篇文章主要介紹了json 字符串之間的相互轉換 ,通過eval()函數(shù)可以將JSON字符串轉化為對象,本需要的朋友可以參考下
    2014-08-08
  • 微信小程序實現(xiàn)一鍵回到頂部功能

    微信小程序實現(xiàn)一鍵回到頂部功能

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)一鍵回到頂部功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 7個你應該知道的JS原生錯誤類型

    7個你應該知道的JS原生錯誤類型

    這篇文章主要介紹了7個你應該知道的JS原生錯誤類型,對此感興趣的同學,可以參考一下
    2021-04-04
  • 利用OpenLayer繪制扇形的示例代碼

    利用OpenLayer繪制扇形的示例代碼

    這篇文章主要介紹了如何利用OpenLayer實現(xiàn)繪制扇形,文中的示例代碼講解詳細,對我們學習OpenLayer有一定的幫助,感興趣的可以了解一下
    2022-06-06
  • uniapp開發(fā)小程序的經(jīng)驗總結

    uniapp開發(fā)小程序的經(jīng)驗總結

    這篇文章主要給大家介紹了關于uniapp開發(fā)小程序的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-04-04
  • JS實現(xiàn)的簡單tab切換功能完整示例

    JS實現(xiàn)的簡單tab切換功能完整示例

    這篇文章主要介紹了JS實現(xiàn)的簡單tab切換功能,結合完整實例形式分析了javascript基于事件響應實現(xiàn)頁面元素屬性動態(tài)變換相關操作技巧,需要的朋友可以參考下
    2019-06-06
  • 解決layui-table單元格設置為百分比在ie8下不能自適應的問題

    解決layui-table單元格設置為百分比在ie8下不能自適應的問題

    今天小編就為大家分享一篇解決layui-table單元格設置為百分比在ie8下不能自適應的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論