作者：piyush-kochhar
译者：前端小智
起源：hackernoon
点赞再看，微信搜寻 【大迁世界】 关注这个没有大厂背景，但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588... 上曾经收录，文章的已分类，也整顿了很多我的文档，和教程材料。大家都说简历没我的项目写，我就帮大家找了一个我的项目，还附赠【搭建教程】。
晚期之前，在 JS 中替换值，咱们次要还是应用长期变量。ES6 之后，咱们能够应用开展运算符号来替换变量，除了这两种形式，你还能想到哪些呢？ ????
本文次要介绍 替换变量的 10 种办法，请过目 ????
1. 应用长期变量
function swapWithTemp(num1, num2) { console.log(num1, num2) let temp = num1 num1 = num2 num2 = temp console.log(num1, num2)}swapWithTemp(66.66, 8.88)2. 应用算术运算符+和-
function swapWithPlusMinus(num1, num2){ console.log(num1, num2) num1 = num1 + num2 num2 = num1 - num2 num1 = num1 - num2 console.log(num1, num2)}swapWithPlusMinus(66, 8)次要的过程是这样的，先求出两个数的和，那么第二个数要换友第一个数的的值就是总的和减去第二个，也就是代码中的 num2 = num1-num2，同理，第一个数要换成第二个数的值，就是总的和减去第一个数的值，当初第一个数曾经是赋值给第二个数，所以间接减去第二数的值即可，也就是 num1 = num1-num2 ????
但我试了一下小数，如同有点问题，有点难堪 ????，但这种思维咱们还是要把握的 ????
下面还能够这样来简写 ????：
function swapWithPlusMinusShort(num1, num2){ console.log(num1, num2) num2 = num1 + (num1 = num2) - num2 console.log(num1, num2)}这里的技巧在于 (num1 = num2) ，这步，咱们让 num1 等于 num2 了，并且返回是 num2 的值，此时 num1 值已替换。 接着就用 num1 加上 (num1 = num2) 返回的值，也就是 num1 + num2 求和，而后思路就和下面剖析的一样了 ????。
然而，应用浮点数时，也会失去一些意外的后果 ????
你能够在控制台跑跑上面这段代码：
function swapWithPlusMinusShort(num1, num2){ console.log(num1, num2) num2 = num1 + (num1 = num2) - num2 console.log(num1, num2)}swapWithPlusMinusShort(2,3.1)3.仅应用+或-运算符
只有应用+运算符，就能够失去与同时应用+和-一样的后果 ????。
function swapWithPlus(num1, num2){ console.log(num1, num2) num2 = num1 + (num1=num2, 0) console.log(num1, num2)}swapWithPlus(2.3,3.4)下面的程序能够工作，但就义了可读性。在()中，咱们将num1调配给num2，旁边的0是返回值。简而言之，第4行看起来是这样的 ✍:
num2 = num1 + 0 => num2 = num14. 应用算术运算符*和/
*和/的原理与先前的办法雷同，只是有一些渺小的区别 ????。
function swapWithMulDiv(num1, num2){ console.log(num1, num2) num1 = num1*num2 num2 = num1/num2 num1 = num1/num2 console.log(num1, num2)}swapWithMulDiv(2.3,3.4)与上一个雷同。 咱们失去两个数字的乘积并将它们存储在其中一个变量中，对应就是 num1 = num1*num2。而后，用总数除了对应的变量，失去替换后变量的值 ????。
但这个有些问题是什么呢？就是，如果有替换值有 0 就会失去意想不到的问题 ????：
swapWithMulDiv(2.34,0)// 2.34 0// NaN NaN咱们的值没有替换，而是失去一个奇怪的NaN。那是怎么回事?如果你还记得你的数学课，咱们总是被告知不要除以0因为它是未定义。起因在于极限是如何起作用的，还有一些其余的起因，咱们不会波及。当初，让咱们看看这个办法的其余问题：
function swapWithMulDiv(num1, num2){ console.log(num1, num2) num1 = num1*num2 num2 = num1/num2 num1 = num1/num2 console.log(num1, num2)}swapWithMulDiv(2.34,Infinity)// 2.34 Infinity// NaN NaN又是NaN，因为咱们不能用Infinity除以工作内容，因而未定义 ⚡。
如果是负无穷大呢，后果又会是怎么样 ????：
function swapWithMulDiv(num1, num2){ console.log(num1, num2) num1 = num1*num2 num2 = num1/num2 num1 = num1/num2 console.log(num1, num2)}swapWithMulDiv(2.34,-Infinity)-Infinity的后果与后面的示例雷同，起因也是一样的。
上面是下面的一个简写形式，当然存在问题也是一样的：
function swapWithMulDivShort(num1, num2){ console.log(num1, num2) num1 = num1*num2 num2 = num1*(num1=num2)/num2 num1 = num1/num2 console.log(num1, num2)}swapWithMulDivShort(2.3,3.4)5. 仅应用*或/运算符
下面的程序能够工作，但就义了可读性。在()中，咱们将num1调配给num2，旁边的1`是返回值。num2 = num1 * (num1=num2, 1)`看起来是这样的:
num2 = num1 * 1 => num2 = num16. 应用按位异或
异或是按二进制位来工作，当咱们有两个值不一样时，它的后果为1，否则为0:
function swapWithXOR(num1, num2){ console.log(num1, num2) num1 = num1^num2; num2 = num1^num2; num1 = num1^num2; console.log(num1, num2)}swapWithXOR(10,1)4位二进制数10-> 1010
4位二进制数1-> 0001
下面的合成过程 ????：
num1 = num1 ^ num2 = 1010 ^ 0001 = 1011num2 = num1 ^ num2 = 1011 ^ 0001 => 1010 => 10num1 = num1 ^ num2 = 1011 ^ 1010 => 0001 => 1咱们来看另一个例子。
function swapWithXOR(num1, num2){ console.log(num1, num2) num1 = num1^num2; num2 = num1^num2; num1 = num1^num2; console.log(num1, num2)}swapWithXOR(2.34,3.45)// 2.34 3.45// 3 2嗯？替换的值在哪里?咱们只失去这个数的整数局部。这就是问题所在。异或假如输出是整数，因而执行相应的计算。然而浮点数不是整数，并且由IEEE 754规范来示意，该规范将数字分为三局部:一个符号位、一组示意指数的位以及另一组示意1(包含)到2(不包含)之间的数字尾数,因而咱们失去了不正确的值。
另一个例子:
function swapWithXOR(num1, num2){ console.log(num1, num2) num1 = num1^num2; num2 = num1^num2; num1 = num1^num2; console.log(num1, num2)}swapWithXOR(-Infinity,Infinity)// -Infinity Infinity// 0 0再一次，咱们没有看到预期的后果 ????。 这是因为Infinity和–Infinity都是浮点数。 正如咱们下面探讨的，对于XOR，浮点数是一个问题。
- 应用
同或门 XNOR。
同或门也称为异或非门,它也能够操作二进制位，与XOR相同。当咱们有两个值不一样时，XNOR 后果是0，否则为1。JavaScript 没有一个操作符来执行XNOR，所以咱们应用非与XOR操作符来达到相似的成果。
function swapWithXNOR(num1, num2){ console.log(num1, num2) num1 = ~(num1^num2) num2 = ~(num1^num2) num1 = ~(num1^num2) console.log(num1, num2)}swapWithXNOR(10,1)4位二进制数10-> 1010
4位二进制数1-> 0001
下面的合成过程 ????：
num1 = ~(num1 ^ num2) => ~(1010 ^ 1011)=> ~(1011) => ~11 => -12因为咱们有一个正数，咱们须要将其转换回二进制并执行2的补码以获取十进制值，例如：
-12 => 1100 => 0011 + 1 => 0100num2 = ~(num1 ^ num2) => ~(0100 ^ 0001) => ~(0101) => ~5 => -6-6 => 0110 => 1001 + 1 => 1010 => 10num1 = ~(num1 ^ num2) => ~(0100^ 1010) => ~(1110) => ~14 => -15-15 => 1111 => 0000 + 1 => 0001 => 1破费了一些工夫，但咱们替换了价值。 但可怜的是，它遇到了与XOR雷同的问题，它不能解决浮点数和无穷大 ????。
function swapWithXNOR(num1, num2){ console.log(num1, num2) num1 = ~(num1^num2) num2 = ~(num1^num2) num1 = ~(num1^num2) console.log(num1, num2)}swapWithXNOR(2.3,4.5)// 2.3 4.5// 4 28. 在数组中赋值
这是一个简略的技巧，只须要一行来执行替换，更重要的是不须要数学知识，只须要一个根本的数组常识即可。
function swapWithArray(num1, num2){ console.log(num1, num2) num2 = [num1, num1 = num2][0] console.log(num1, num2)}swapWithArray(2.3,Infinity)// 2.3 Infinity// Infinity 2.3在数组的索引0中，咱们存储num1，在索引1中，咱们既将num2调配给num1，又存储了num2。 另外，拜访[0]，将数组中的num1值存储在num2中。
这种形式能够替换咱们想要的任何货色，包含整数，浮点数（包含无穷大）以及字符串，它很整洁，但清晰度不够。
9. 应用解构表达式
这是ES6的一个个性，也是最简略的，咱们能够像这样替换值 ????：
let num1 = 23.45let num2 = 45.67console.log(num1,num2)[num1,num2] = [num2,num1]console.log(num1,num2)10. 应用立刻调用的函数表达式（IIFE）
IIFE指的是在定义后立刻执行的函数。
function swapWithIIFE(num1,num2){ console.log(num1,num2) num1 = (function (num2){ return num2; })(num2, num2=num1) console.log(num1,num2)}swapWithIIFE(2.3,3.4)在下面的示例中，咱们立刻调用第4行上的一个函数。最初的括号是函数的参数。第二个参数将num1调配给num2，第一个参数num1被返回。因而，替换了这些值，请记住，这种替换办法效率不高。
代码部署后可能存在的BUG没法实时晓得，预先为了解决这些BUG，花了大量的工夫进行log 调试，这边顺便给大家举荐一个好用的BUG监控工具 Fundebug。
原文：https://hackernoon.com/how-to...
交换
文章每周继续更新，能够微信搜寻 【大迁世界 】 第一工夫浏览，回复 【福利】 有多份前端视频等着你，本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录，欢送Star。