什么是赋值表达式

赋值表达式就是利用赋值号(=) 将右值赋给左值的一个表达式，很多人应该不知道，赋值表达式也和其他表达式一样，是有返回值的。

赋值表达式的返回值是多少

例如一个常规表达式 a=1 ，针对赋值表达式，表达式的返回值就是他的右值本身，也就是说 a=1 的返回值是1，当然，在这个例子中，并没有一个变量接收这个返回值。

赋值表达式的应用

那么，这个特性如何进行实际应用呢？相信读者很快就能想到脑海里的一种骚操作： a=b=c=d=e=1 。没错，这种写法是完全可以解释的：赋值表达式是将右值赋值给左值，那首先：
e=1 返回值是1，接下来相当于d=1 以此类推，所有跟着的变量就全都是1了。

赋值表达式需要注意的地方

如果真的有这么好用，那也就不会有本篇文章了。最近因为这个技巧陷入了一个大坑。
因为这种写法用来初始化变量十分方便，所以我写了类似 a=b=c=d=[] 的语句,这里的重点在于，赋值表达式的右值是一个对象类型（JS中数组也属于对象类型），后续对abcd分别进行push加内容，比如

a.push('a')
b.push('b')
c.push('c')
d.push('d')

却发现原本不属于一个变量的元素也被加进去了。比如这时打印d，会发现d是['a','b','c','d']。
通过这样讲解下来或许很容易意识到这里犯了一个很基本的错误，那就是将对象赋值给变量时，变量保存的是对象的引用，而不是对象本身，所以其实上述四个变量全都引用了同一个数组，也就是说，a、b、c、d
都等于['a','b','c','d']

通过这次踩坑，也是彻底清楚了， 赋值表达式的返回值就是右值本身，而不是右值的克隆等形式

初始化变量的省力写法

上面这种利用赋值表达式返回值来初始化变量，对于基本类型是完全ok的。而对于对象类型，相比一句赋值一个变量，可以用解构的形式快速赋值。

[a, b, c, d, e] = [[], [], [], [], []]

不过这种写法的缺点是，容易把一句写的很长，后续要维护更换变量或者什么情况的时候，不太方便。对应的办法是将变量分组进行多次解构赋值，或者直接干脆就一次只解构赋值部分变量：

[a.all, b.all, c.all] = [[], [], []]
[a.allID, b.allID, c.allID] = [[], [], []]

正确利用JS赋值表达式返回值相关推荐

【Kotlin】Lambda 表达式 ( 简介 | 表达式语法 | 表达式类型 | 表达式返回值 | 调用方式 | 完整示例 )
文章目录 I . Lambda 表达式简介 II . Lambda 表达式语法 III . Lambda 表达式类型 IV . Lambda 表达式返回值 V . Lambda 表达式调用 VI . ...
Android WebView 调用JS方法获取返回值
一.Android4.4+ 如果你项目的minSdkVersion 为4.4 以上,那么你可以直接通过WebView的evaluateJavascript()方法拿到JS方法的返回值 webview ...
js获取classname值_利用js获取元素class值的两种方法
我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...
android 调用js怎么获取返回值_js 函数
函数是一个特殊的对象具名函数 function 函数名(形式参数1,形式参数2){ 语句 return 返回值 } 匿名函数上门的具名函数,去掉函数名就是匿名函数 let a =function( ...
js中函数返回值return
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解函数返回值 1.所有函数都有返回值,没有return语句时,默认返回内容为undefined,和其他面向对象的编程语言一样, ...
拿到JS异步函数返回值的几种方式
在我们的编码过程中,为了满足业务需求,经常需要获取JS异步函数的返回值.今天就来汇总一下拿值的几种方式. 1,通过回调函数的方式来拿返回值,这个想必大家不会陌生 function getSomethi ...
c语言赋值运算返回值
结论:赋值运算返回左值的引用.见下图:
js 方法的返回值 return 用法探究
大致可以分为2种情况第一种: 有返回值 (1) 返回true const testFn = ()=>{ return true } const result = testFn() consol ...
利用栈求表达式的值_高一数学月考考点之函数的表达式详解
函数表达式考点详解,教你轻松学函数 Hello,大家好,这里是摆渡学涯.很高兴在这里跟大家分享知识哦.这次课程我们来为大家讲一下函数表达式相关的考点,教你轻松学函数. 基本概念什么是函数表达式呢?我 ...

正确利用JS赋值表达式返回值