〖大前端 - 基础入门三大核心之JS篇⑪〗- JavaScript的赋值表达式和赋值运算符

当前子专栏基础入门三大核心篇是免费开放阶段。推荐他人订阅，可获取扣除平台费用后的35%收益，文末名片加V！
说明：该文属于大前端全栈架构白宝书专栏，目前阶段免费开放，购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。
福利：除了通过订阅"白宝书系列专栏"加入社区获取所有付费专栏的内容之外，还可以通过加入星荐官共赢计划加入私域社区。

作者：不渴望力量的哈士奇(哈哥)，十余年工作经验, 跨域学习者，从事过全栈研发、产品经理等工作，目前任某金融品类App负责人。
荣誉：2022年度博客之星Top4、博客专家认证、全栈领域优质创作者、新星计划导师，“星荐官共赢计划” 发起人。
现象级专栏《白宝书系列》作者，文章知识点浅显易懂且不失深度；TFS-CLUB社区创立者，旨在以“赋能共赢”推动共建技术人成长共同体。

🏆 白宝书系列
🏅 Python全栈白宝书
🏅 产品思维训练白宝书
🏅 全域运营实战白宝书
🏅 大前端全栈架构白宝书

文章目录

同样的，上一章节我们学习了逻辑运算符以及逻辑运算符所组成的逻辑表达式，接下来我们要学习的就是赋值运算符。

🌟 赋值运算符

运算符	描述
=	普通赋值运算符，将等号右边的值赋值给左边的变量
+= -= *= /= %=	快捷赋值运算符
++ --	自增/自减运算符

🌟 赋值运算

赋值运算也产生值，等号后面的值将作为“赋值运算的值”

示例代码：

var a;
console.log(a = 2);  //2，说明a = 2这个赋值运算本身是有返回值的，且返回了2

因为这个性质，赋值运算可以连续使用赋值运算符，程序会从右到左依次给变量赋值。

注意：很多公司是不允许使用连续赋值运算符的。但是要记住这个知识点，面试的时候可能会用到。

✨ 快捷赋值运算

快捷赋值运算符表示在原数值基础上进一步进行运算

具体实现方法：算数运算符和赋值运算符结合起来就可实现快捷赋值

快捷赋值运算	等价于
a += b	a = a + b
a -= b	a = a - b
a *= b	a = a * b
a /= b	a = a / b
a %= b	a = a % b

示例代码：

var a = 3;
a += 5;          //等价于a = a + 5
console.log(a);  //8

var b = 10;
b /= 2;          //等价于b = b / 2
console.log(b);  //5

var c = 12;
c %= 5;          //等价于c = c % 5
console.log(c);  //2

✨ 自增/自减运算

自增/自减运算		等价于
自增	a++ ；++a	a = a + 1；a+=1
自减	a-- ；–a	a = a - 1；a-=1

示例代码：

var a = 1;
a++;             //等价于a = a + 1
console.log(a)   //2

a++和++a的区别

两者的区别在于：a++是先用在加；++a先加再用

下面看两个例子：

上面的例子可以看出，不管是a++还是++a，都会把自身加1，不同的是在赋值给b时，a++是先赋值再自增1，++a是先自增1再赋值给b。