关于javascript数据存储机制的一个案例。
之前在学习js的结合性的时候,我有点不太明白,在网上找到一个比较经典的C语言优先级结合性的案例,就是下边这一个。本想在js之中测试一番,结果竟然发现得出的结果和网上的不一样,这令我百思不得其解,后经高人指点,我知道了这是因为js和C语言的存储方式不同,所以我就查了一点资料,了解了一下js的数据存储机制。下面我们就先来看一下这道题目吧
这里是在C语言中的推导步骤
推导步骤:
表达式:a += a -= a*a
第一步:a += a -= (a*a)
解释:表达式有三个运算符,+= ,-= , * 。会把表达式分成四个部分(a,a,a,a)。其中 * 的优先级最大。因为没有同优先级的运算符,所以不考虑结合律。* 的表达式就是 (a*a),后面看成一个整体就行了。
第二步:(a += (a -= (a*a)))
解释:还剩两个运算符,+= ,-=。这两个是赋值运算符,优先级一样,所以要考虑赋值运算符的结合律了,赋值运算结合律从右到左。所以(a -= (a*a))就是一个 -= 的表达式。
(a += (a -= (a*a)))就是 += 的表达式。
第三步:(a = a + ( a = a - (a*a)))
解释:这个不用讲了吧,ASCI标准中+=和-=的解释就是这样的。
第四部:(a = a + (a = a - (5*5)))
解释:ASCI标准中说了,赋值表达式会改变左值对象的值,所以我们不确定a的值会不会改变之前不要全部替换成5。按照算法优先级一个一个来算。不用说a*a一定是第一个算的。最里面的括号。而且a*a并没有改变a的值。
第五步:(a = a + (a = 5 - 25))
解释:继续算第二个括号,发现是一个赋值表达式,表达式的值就是左值的值,并且a的值会改变成-20啦。
第六步:(a = -20 + -20)
解释:继续算第三个括号,里面有两个运算符,= + ,因为+的优先级高,所以+的表达式就是(-20 + -20),并且没有在改变a的值。表达式的值等于 -40
最后:a = -40
恩,不错,写的很好很完美,那么我就在js当中运行一下吧
var a=5; a+=a-=a*a; alert('您的结果为:'+a)
纳尼,怎么会是-15
其实要想解决这个问题,就要知道C语言和JS在数据存储方面的不同。
首先,C语言是定义一个变量是,会在内存里开辟一个地方供变量使用,我们给这个变量起个名字a就是给这个地方,a起到的是一个指示标的作用,当我们在程序中用到a变量时,其实就是通过这个指示查到内存然后调用,而当我们修改数据是是同样的修改内存里面的数值,所以只要已修改,整个式子的a的值都变了。但是在js当中却不是这样,他的每一个a就是相当于一个盒子,并不会互相影响。那么问题就出现了。在上面第五步的时候,出现了一个赋值语句,所以在C中他找到了a变量的内存,改变了里边的数,所以第一个a也变成了-20.但是js中两个a互不影响第一个a依旧是5.
所以最后的结果C中变成了-20+(-20)=-40.
但是js中就是5+(-20)=-15.