深入淺析JS是按值傳遞還是按引用傳遞(推薦)
按值傳遞(call by value)是最常用的求值策略：函數(shù)的形參是被調(diào)用時所傳實參的副本。修改形參的值并不會影響實參。
按引用傳遞(call by reference)時，函數(shù)的形參接收實參的隱式引用，而不再是副本。這意味著函數(shù)形參的值如果被修改，實參也會被修改。同時兩者指向相同的值。
按引用傳遞會使函數(shù)調(diào)用的追蹤更加困難，有時也會引起一些微妙的BUG。
按值傳遞由于每次都需要克隆副本，對一些復雜類型，性能較低。兩種傳值方式都有各自的問題。
JS的基本類型，是按值傳遞的。
var a = 1;
function foo(x) {
x = 2;
}
foo(a);
console.log(a); // 仍為1, 未受x = 2賦值所影響
再來看看對象的傳遞：
var obj = {x : 1};
function foo(o) {
o.x = 3;
}
foo(obj);
console.log(obj.x); // 3, 被修改了!
var obj = {x : 1};
function foo(o) {
o = 100;
}
foo(obj);
console.log(obj.x); // 仍然是1, obj并未被修改為100.
可以看出，對象的值得傳遞并不是按引用傳遞。其實，按共享傳遞 call by sharing，準確的說，JS中的基本類型按值傳遞，對象類型按共享傳遞的(call by sharing，也叫按對象傳遞、按對象共享傳遞)。
該策略的重點是：調(diào)用函數(shù)傳參時，函數(shù)接受對象實參引用的副本(既不是按值傳遞的對象副本，也不是按引用傳遞的隱式引用)。 它和按引用傳遞的不同在于：在共享傳遞中對函數(shù)形參的賦值，不會影響實參的值。
總之，基本類型是按值傳遞，而對于對象來說傳入的是對象指向的地址，也可以認為其是特殊的按值傳遞。如果在函數(shù)內(nèi)對對象的屬性進行操作，實際就是對其指向?qū)ο蟮膶傩赃M行操作。但是，如果對其整體進行操作（比如：o = 100或者o = []），其實際是新定于了對象，實參的引用地址為新的對象的引用地址，與原來的引用沒有任何關(guān)系，所以不會對原來的對象造成改變。
以上所述是小編給大家介紹的JS是按值傳遞還是按引用傳遞(推薦)的全部知識，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
返回上一頁并刷新在此功能有利于用戶的體驗,是每一個web開發(fā)人員所必備的一項，這篇文章主要介紹了JS本地刷新返回上一頁代碼，感興趣的小伙伴們可以參考一下2016-07-07
textContent在Firefox下與innerText等效的屬性
textContent在Firefox下與innerText等效的屬性...2007-05-05
ECharts中的標記線是一條平行于x軸的水平線,有最大值、最小值、平均值等數(shù)據(jù)的標記線,它也是在series字段下進行配置的,下面這篇文章主要給大家介紹了關(guān)于前端echarts加標記點及標記線和提示框的相關(guān)資料,需要的朋友可以參考下2024-06-06
JavaScript函數(shù)的特性與應(yīng)用實踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實踐,結(jié)合實例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項,需要的朋友可以參考下2018-12-12
javascript面向?qū)ο笾蚕沓蓡T屬性與方法及prototype關(guān)鍵字用法
這篇文章主要介紹了javascript面向?qū)ο笾蚕沓蓡T屬性與方法及prototype關(guān)鍵字用法,實例分析了prototype關(guān)鍵字在共享成員屬性與方法中的原理與使用技巧,需要的朋友可以參考下2015-01-01
本篇文章主要介紹了template.js前端模板引擎使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
JavaScript高階API數(shù)組reduce函數(shù)使用示例
這篇文章主要為大家介紹了JavaScript數(shù)組高階API?reduce函數(shù)使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
詳解原生JavaScript實現(xiàn)jQuery中AJAX處理的方法
這篇文章主要介紹了原生JavaScript實現(xiàn)jQuery中AJAX處理的方法,作者根據(jù)jQuery中一些對AJAX請求的處理方式來用原生API實現(xiàn),需要的朋友可以參考下2016-05-05
JavaScript實現(xiàn)樹的遍歷算法示例【廣度優(yōu)先與深度優(yōu)先】
這篇文章主要介紹了JavaScript實現(xiàn)樹的遍歷算法,結(jié)合實例形式分析了javascript針對樹結(jié)構(gòu)的廣度優(yōu)先遍歷與深度優(yōu)先遍歷實現(xiàn)方法,需要的朋友可以參考下2017-10-10
js 限制input只能輸入數(shù)字小數(shù)點也不能輸入或者是只能輸入數(shù)字,能輸小數(shù)點等等，本文大致整理了一些，感興趣的朋友可以收藏下2013-12-12