深入淺析JS是按值傳遞還是按引用傳遞(推薦)
按值傳遞(call by value)是最常用的求值策略:函數(shù)的形參是被調(diào)用時所傳實參的副本。修改形參的值并不會影響實參。
按引用傳遞(call by reference)時,函數(shù)的形參接收實參的隱式引用,而不再是副本。這意味著函數(shù)形參的值如果被修改,實參也會被修改。同時兩者指向相同的值。
按引用傳遞會使函數(shù)調(diào)用的追蹤更加困難,有時也會引起一些微妙的BUG。
按值傳遞由于每次都需要克隆副本,對一些復(fù)雜類型,性能較低。兩種傳值方式都有各自的問題。
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,準(zhǔn)確的說,JS中的基本類型按值傳遞,對象類型按共享傳遞的(call by sharing,也叫按對象傳遞、按對象共享傳遞)。
該策略的重點(diǎn)是:調(diào)用函數(shù)傳參時,函數(shù)接受對象實參引用的副本(既不是按值傳遞的對象副本,也不是按引用傳遞的隱式引用)。 它和按引用傳遞的不同在于:在共享傳遞中對函數(shù)形參的賦值,不會影響實參的值。
總之,基本類型是按值傳遞,而對于對象來說傳入的是對象指向的地址,也可以認(rèn)為其是特殊的按值傳遞。如果在函數(shù)內(nèi)對對象的屬性進(jìn)行操作,實際就是對其指向?qū)ο蟮膶傩赃M(jìn)行操作。但是,如果對其整體進(jìn)行操作(比如:o = 100或者o = []),其實際是新定于了對象,實參的引用地址為新的對象的引用地址,與原來的引用沒有任何關(guān)系,所以不會對原來的對象造成改變。
以上所述是小編給大家介紹的JS是按值傳遞還是按引用傳遞(推薦)的全部知識,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的,在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
解決使用layui對select append元素?zé)o效或者未及時更新的問題
今天小編就為大家分享一篇解決使用layui對select append元素?zé)o效或者未及時更新的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript 判斷數(shù)組是否已包含了某個元素的函數(shù)
javascript判斷數(shù)組是否已包含了某個元素的js函數(shù),方便數(shù)組的判斷。2010-05-05在javascript中實現(xiàn)函數(shù)數(shù)組的方法
js不進(jìn)行類型檢查,數(shù)組可以存放任何東西。于是我就想數(shù)組里可否存放函數(shù)呢,下面就為大家詳細(xì)介紹下2013-12-12利用JavaScript做數(shù)獨(dú)的完整實現(xiàn)過程
數(shù)獨(dú)游戲是在一個9*9的方格中進(jìn)行填數(shù)字的游戲,需要滿足的規(guī)則是每行每列和每個子九宮格都是1~9的不重復(fù)數(shù)字,下面這篇文章主要給大家介紹了關(guān)于如何利用JavaScript做數(shù)獨(dú)的相關(guān)資料,需要的朋友可以參考下2021-09-09javascript中onmouse事件在div中失效問題的解決方法
我們預(yù)期只有當(dāng)鼠標(biāo)從div中移開的時候才會觸發(fā)onmouseout事件,可事實上,當(dāng)我們移到div中的元素時,例如:本例中的a標(biāo)簽時,就會觸發(fā) onmousout事件2012-01-01innertext , insertadjacentelement , insertadjacenthtml , ins
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等區(qū)別...2007-06-06JavaScript中 ES6 generator數(shù)據(jù)類型詳解
generator 是ES6引入的新的數(shù)據(jù)類型,由function* 定義, (注意*號),接下來通過本文給大家介紹js中 ES6 generator數(shù)據(jù)類型,非常不錯,感興趣的朋友一起學(xué)習(xí)吧2016-08-08