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

