文章の目录

1、概述
2、分类
- 2.1、赋值运算符（=）
- - 2.1.1、概念
  - 2.1.2、语法
  - 2.1.3、示例
- 2.2、加法赋值（+=）
- - 2.2.1、概念
  - 2.2.2、语法
  - 2.2.3、示例
- 2.3、减法运算符（-=）
- - 2.3.1、概念
  - 2.3.2、语法
  - 2.3.3、示例
- 2.4、乘法运算符（*=）
- - 2.4.1、概念
  - 2.4.2、语法
  - 2.4.3、示例
- 2.5、除法运算符（/=）
- - 2.5.1、概念
  - 2.5.2、语法
  - 2.5.3、示例
- 2.6、求余运算符（%=）
- - 2.6.1、概念
  - 2.6.2、语法
  - 2.6.3、示例
写在最后

1、概述

用来把数据赋值给变量的运算符。

2、分类

2.1、赋值运算符（=）

2.1.1、概念

简单赋值操作符（=）用于为变量赋值。赋值表达式本身的值为要赋值的值。为了给多个变量赋一个值，可以链式使用赋值操作符。

2.1.2、语法

x = y

2.1.3、示例

简单赋值和链式赋值

// 假设已经存在以下变量
//  x = 5
//  y = 10
//  z = 25x = y; // x 为 10
x = y = z; // x, y 都为 25

2.2、加法赋值（+=）

2.2.1、概念

加法赋值操作符（+=）将右操作数的值添加到变量，并将结果分配给该变量。两个操作数的类型确定加法赋值运算符的行为。加法或串联是可能的。

2.2.2、语法

x += y
等价于
x  = x + y

2.2.3、示例

// Assuming the following variables
//  foo = 'foo'
//  bar = 5
//  baz = true// Number + Number -> addition
bar += 2; // 7// Boolean + Number -> addition
baz += 1; // 2// Boolean + Boolean -> addition
baz += false; // 1// Number + String -> concatenation
bar += "foo"; // "5foo"// String + Boolean -> concatenation
foo += false; // "foofalse"// String + String -> concatenation
foo += "bar"; // "foobar"

2.3、减法运算符（-=）

2.3.1、概念

减法赋值操作符（-=）从变量中减去右操作数的值，并将结果赋值给变量。

2.3.2、语法

x -= y
等价于
x  = x - y

2.3.3、示例

// Assuming the following variable
//  bar = 5bar -= 2; // 3
bar -= "foo"; // NaN

2.4、乘法运算符（*=）

2.4.1、概念

乘法赋值操作符（*=）将变量与右操作数的值相乘，并将结果赋值给变量。

2.4.2、语法

x *= y
等价于
x  = x * y

2.4.3、示例

// Assuming the following variable
//  bar = 5bar *= 2; // 10
bar *= "foo"; // NaN

2.5、除法运算符（/=）

2.5.1、概念

除法赋值操作符（/=）将变量除以右操作数的值，并将结果赋给该变量。

2.5.2、语法

x /= y
等价于
x  = x / y

2.5.3、示例

// Assuming the following variable
//  bar = 5bar /= 2; // 2.5
bar /= "foo"; // NaN
bar /= 0; // Infinity

2.6、求余运算符（%=）

2.6.1、概念

求余赋值操作符（%=）将变量除以右操作数的值，并将余数赋值给变量。

2.6.2、语法

x %= y
等价于
x  = x % y

2.6.3、示例

// Assuming the following variable
//  bar = 5bar %= 2; // 1
bar %= "foo"; // NaN
bar %= 0; // NaN

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

JavaScript系列之赋值运算符相关推荐

深入理解JavaScript系列：This? Yes,this!
介绍在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节.讨论的主题就是this关键字.实践证明,这个主题很难,在不同执行上下文中this的确定经常会发生问题. 许多程序员习惯的认为,在程序语言中 ...
【JavaScript系列】JS基础语法_从变量到数组一网打尽_有教程有实战
[JavaScript系列]基础语法_从变量到数组一网打尽_有教程有实战 JavaScript基础语法目录基础语法延迟和异步脚本变量数据类型数据类型简介简单数据类型与复杂数据类型栈和堆 ...
深入理解JavaScript系列（33）：设计模式之策略模式（转）
介绍策略模式定义了算法家族,分别封装起来,让他们之间可以互相替换,此模式让算法的变化不会影响到使用算法的客户. 正文在理解策略模式之前,我们先来一个例子,一般情况下,如果我们要做数据合法性验证,很 ...
javascript系列之DOM(三)---事件
javascript系列之DOM(三)---事件原文:javascript系列之DOM(三)---事件事件是javascript跳动的心脏,是DOM所有成分结合的万金油.当我们在WEB 上进行某些 ...
深入理解JavaScript系列（4）：立即调用的函数表达式
前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下"自执行"这个叫法,本文对这个功能的叫 ...
tom大叔blog--------深入理解javascript系列-----------笔记
之前一直收藏着tom大叔的blog,只是自己懒了下下...每个blog都像一个秘籍,每次看都有收获,也许自己道行太浅吧..不过还是很高兴,记下..也为了督促自己坚持下去... 一.深入理解JavaSc ...
深入理解JavaScript系列（5）：强大的原型和原型链
前言 JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型. 虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大.实 ...
深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点
才华横溢的Stoyan Stefanov,在他写的由O'Reilly初版的新书<JavaScript Patterns>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会 ...
深入理解JavaScript系列（27）：设计模式之建造者模式
介绍在软件系统中,有时候面临着"一个复杂对象"的创建工作,其通常由各个部分的子对象用一定的算法构成:由于需求的变化,这个复杂对象的各个部分经常面临着剧烈的变化,但是将它们组合在一 ...

JavaScript系列之赋值运算符