引言
在我們學(xué)習(xí)編程之初，就學(xué)習(xí)過變量的賦值操作，同時(shí)也學(xué)習(xí)了將一個(gè)變量的值賦值給另外一個(gè)變量。對于交換兩個(gè)變量的值，很多童鞋都有解決方案。然鵝，對于面試官提出的不借助第三變量來交換兩個(gè)變量的值蜈首，你能想到幾種解決方案呢？
如果你只知道一種方案，請你認(rèn)真看下去...
如果你知道兩種方案，那么你可以來了解更多方案了...
一、最簡單的實(shí)現(xiàn)-最初的記憶
讓我們由淺入深，來了解交換變量值的最簡單、最初的解決方案：借助于第三個(gè)變量
// 聲明變量a和b
let a = 5
let b = 4
// 1. 臨時(shí)將變量a的值賦值給變量tmp
let tmp = a
// 2. 將變量b的值賦值給a
a = b
// 3. 將變量a的值(tmp的值)賦值給b
b = tmp
console.log(a) // 4
console.log(b) // 5
so east!
二哮兰、不借助第三變量的實(shí)現(xiàn)-ES6版
面試官在聽到上面給出的解決方案后嗡午，微微一笑（腦海中閃現(xiàn)到：你以為就這么簡單）說道僻他，有其他解決方案嗎劝篷，不借助第三變量呢哈恰？
了解學(xué)習(xí)了JS ES6的數(shù)組解構(gòu)賦值的童鞋對此冷冷一笑荠医，嘴角一撇幢泼，冷酷酷地說道：也可以使用ES6的數(shù)組解構(gòu)賦值來交換變量的值。
let a = 5;
let b = 4; // 請注意此位置的分號;是一定要存在的呀
// 數(shù)組結(jié)構(gòu)賦值别厘，交換變量a,b的值
[a, b] = [b, a]
console.log(a) // 4
console.log(b) // 5
看到面試官的臉色似乎漸漸露出了滿意的神色冗懦，內(nèi)心是不是有點(diǎn)兒竊喜。
如果此刻面試官又說道，還有沒有其他的解決方案，小朋友，你是不是有許多問號？
三、不借助第三變量的實(shí)現(xiàn)-終極版本一：單純數(shù)學(xué)運(yùn)算
胡哥在這里再次強(qiáng)調(diào)誓军，這絕對不是一個(gè)考驗(yàn)“智商”的答案救巷，只是考驗(yàn)了在編程的變通能力以及經(jīng)驗(yàn)問題管怠，下面請看代碼的實(shí)現(xiàn)她肯。
let a = 5
let b = 4
// 接下來就是見證神奇的時(shí)刻籽前，來挠锥，鏡頭請對準(zhǔn)我蓖宦。
// 二者之和
a = a + b
// 二者之和 - b的值，剩余a的值賦值給變量b
b = a - b
// 此刻a還是二者之和，a - b此刻相當(dāng)于二者之和 - 變量b(a的值)，那么此刻剩余的就是變量b的值阱州，賦值給a變量
a = a - b
// yes, we did!
console.log(a) // 4
console.log(b) // 5
如果此刻面試官再問出還有沒有其他的方案姻灶，此刻你會慌的一比呢曾沈，還是內(nèi)心大喊“wc”呢
四卧土、不借助第三變量的實(shí)現(xiàn)-終極版本二：位運(yùn)算符^
不要怕颤霎，兄弟們，接下來給大家來分享第四種方式，位運(yùn)算符 ^ 異或昭伸。在變量的運(yùn)算中這個(gè)操作符有什么作用呢？
異或運(yùn)算符：
是執(zhí)行位運(yùn)算的枝笨，二進(jìn)制運(yùn)算，參與變量運(yùn)算的兩個(gè)變量要轉(zhuǎn)為二進(jìn)制進(jìn)行運(yùn)算萨脑。
如果相同二進(jìn)制位的值相同悴灵，則轉(zhuǎn)為0赡鲜，否則轉(zhuǎn)為1.
那交換兩個(gè)變量的值具體代碼是如何實(shí)現(xiàn)的呢？請看大屏幕，哦，不辛臊，請往下看。
let a = 5 // 0101
let b = 4 // 0100
// 按位異或運(yùn)算
a = a ^ b // 0101 ^ 0100 ===> 0001川抡，此時(shí)a的值為1
b = a ^ b // 0001 ^ 0100 ===> 0101，此時(shí)b的值為5
a = a ^ b // 0001 ^ 0101 ===> 0100，此時(shí)a的值為4
console.log(a) // 4
console.log(b) // 5
驚不驚喜眉枕，意不意外翅萤。疮蹦。。
以上四種實(shí)現(xiàn)交換兩個(gè)變量值得方案你都掌握了嗎芳绩，如果掌握了妥色，可以對面試官反手就是一個(gè)“吊打”了。
如果你有更多的解決交換兩個(gè)變量值的方案凿可，歡迎留言交流呀枯跑！
后記
以上就是胡哥今天給大家分享的內(nèi)容纳击，喜歡的小伙伴記得點(diǎn)贊堡赔、收藏呦悉稠，關(guān)注胡哥有話說，學(xué)習(xí)前端不迷路骇陈，歡迎多多留言交流...
胡哥有話說震庭，一個(gè)有技術(shù)，有情懷的胡哥你雌！現(xiàn)任京東前端攻城獅一枚器联。
胡哥有話說二汛，專注于大前端技術(shù)領(lǐng)域，分享前端系統(tǒng)架構(gòu)拨拓，框架實(shí)現(xiàn)原理肴颊，最新最高效的技術(shù)實(shí)踐！
