深入淺析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)文章
解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問(wèn)題
今天小編就為大家分享一篇解決使用layui對(duì)select append元素?zé)o效或者未及時(shí)更新的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09javascript 判斷數(shù)組是否已包含了某個(gè)元素的函數(shù)
javascript判斷數(shù)組是否已包含了某個(gè)元素的js函數(shù),方便數(shù)組的判斷。2010-05-05在javascript中實(shí)現(xiàn)函數(shù)數(shù)組的方法
js不進(jìn)行類型檢查,數(shù)組可以存放任何東西。于是我就想數(shù)組里可否存放函數(shù)呢,下面就為大家詳細(xì)介紹下2013-12-12利用JavaScript做數(shù)獨(dú)的完整實(shí)現(xiàn)過(guò)程
數(shù)獨(dú)游戲是在一個(gè)9*9的方格中進(jìn)行填數(shù)字的游戲,需要滿足的規(guī)則是每行每列和每個(gè)子九宮格都是1~9的不重復(fù)數(shù)字,下面這篇文章主要給大家介紹了關(guān)于如何利用JavaScript做數(shù)獨(dú)的相關(guān)資料,需要的朋友可以參考下2021-09-09javascript中onmouse事件在div中失效問(wèn)題的解決方法
我們預(yù)期只有當(dāng)鼠標(biāo)從div中移開的時(shí)候才會(huì)觸發(fā)onmouseout事件,可事實(shí)上,當(dāng)我們移到div中的元素時(shí),例如:本例中的a標(biāo)簽時(shí),就會(huì)觸發(fā) onmousout事件2012-01-01JavaScript 實(shí)現(xiàn)類的多種方法實(shí)例
JavaScript 實(shí)現(xiàn)類的多種方法實(shí)例,需要的朋友可以參考一下2013-05-05innertext , insertadjacentelement , insertadjacenthtml , ins
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等區(qū)別...2007-06-06JavaScript中 ES6 generator數(shù)據(jù)類型詳解
generator 是ES6引入的新的數(shù)據(jù)類型,由function* 定義, (注意*號(hào)),接下來(lái)通過(guò)本文給大家介紹js中 ES6 generator數(shù)據(jù)類型,非常不錯(cuò),感興趣的朋友一起學(xué)習(xí)吧2016-08-08JS解決iframe之間通信和自適應(yīng)高度的問(wèn)題
關(guān)于iframe之間的通信問(wèn)題與自適應(yīng)高度問(wèn)題網(wǎng)上有很多,那么這篇文章小編也和大家一起來(lái)談?wù)刬frame之間通信問(wèn)題及iframe自適應(yīng)高度問(wèn)題,有需要的可以參考借鑒。2016-08-08