作为一名即将成为web前端工程师的我,非常荣幸接受前辈们的教诲,也非常乐意分享自己在学习路上遇到的一些问题,现在谈谈像我一样的小白在学习过程中容易忽略的知识点。
在我们写原生js代码的时候,也许经常遇到类似 a=a+1; 的表达式,我们一般都会直接写成 a+=1,当然在大多数时候,这两个表达式(或者语句)是等价的,但是在某些时候,并非如此,下面我举出一个例子,供大家参考:
下面例子皆为 JS 代码,其他部分省略(i++表示先对i进行处理,再自增,这个就不多说了)
var arr=[1,2,3,4,5,6];
var i=0;
arr[i++]+=1;
alert(i); // 1
alert(arr); // [2,2,3,4,5,6];
以上代码的运行结果,估计大家都没有什么疑问;
var arr=[1,2,3,4,5,6];
var i=0;
arr[i++]=arr[i++]+1;
alert(i); // 2
alert(arr); // [3,2,3,4,5,6];
以上代码值得注意的是:变量 i 一共会产生两次自增,根据代码的解析顺序,赋值号左值应该为 arr[0] ,并且此时 i 已经自增为 1 ,赋值号右式为 arr[0]+1 ,现在 i 已经自增为 2,最后将赋值号左式的值赋值给右边,所以最后该式为 arr[0]=arr[1]+1;得到arr[0]的值为3。
希望此贴能给大家带来收获。