【JavaScript教程】JavaScript怎么加减乘除？JavaScript运算靠的是运算符号 | Intro To JavaScript Arithmetic

【JavaScript教程】JavaScript怎么加减乘除？JavaScript运算靠的是运算符号 | Intro To JavaScript Arithmetic

https://www.youtube.com/watch?v=G4wfUMyB_eQ

我们的JavaScript教学今天来到了第四集，同学们看了前三集，觉得之前的教学对你有帮助吗？你们可以在下面的留言栏里告诉我，顺便也可以提提你们对学习JavaScript的意见。

今天的视频，我们来聊聊怎么在JavaScript里加减乘除。

☕ ☕ ☕ 给我买杯咖啡提提神吧！ ✅ https://bit.ly/3kCOpFK ✅ (免费) JavaScript教程系列： https://bit.ly/310cHle ✅ 更多精彩的JavaScript入门课程： http://bit.ly/js-for-beginners ✅ JavaScript相关书籍： 1：The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍) https://amzn.to/31s30uH ✅（通告）”Codetisan 自学编程社区“ 已经正式开通啦，三人行必有我师，同学们再也不用独自一人闷头自学编程了，快去社区里和其他小伙伴们互动吧！ ▶︎ https://bit.ly/2AHylzN 🔆订阅我的YouTube频道，让你从一个0基础编程的菜鸟快速成为编程大师！🔆 http://bit.ly/2TBkXo1 ▶︎ 文轩解码更精彩的平台 ◀︎ ‣‣ Blogger ：https://bit.ly/2yMz0PC ‣‣ Twitter: https://bit.ly/2R74FS1 ‣‣ Facebook: https://bit.ly/35crcmz ‣‣ Instagram: https://bit.ly/2KH6Wjw ‣‣ Github: https://bit.ly/2SHtsx4

#javascript加减乘除运算 #编程入门 #javascript入门

文字内容：

Hi, 大家好，我是文轩

欢迎再次收看文轩解码

我们的JavaScript教学今天来到了第四集

同学们看了前三集

觉得之前的教学对你有帮助吗？

你们可以在下面的留言栏里告诉我

顺便也可以提提你们对学习JavaScript的意见

今天的视频

我们来聊聊怎么在JavaScript里加减乘除

JavaScript的加减乘除

和我们数学课的加减乘法除是一样的

在没有括号的情况下

也是先乘除

后加减

唯一不一样的是符号

乘号在JavaScript里是用星号表示

除号是用正斜杠表示

加号和减号则保持不变

除了加减乘除符号

还有两个特别的符号

一个是取余符号

另外一个是求幂符号

取余符号在JavaScript是用百分号表示

假设我们想得到10除于3的余数

我们可以这样表示

10

百分比符号

3

10除于3

商数是3

余数是1

这就是取余运算的最终答案

1

取余运算一般用得最多的是

用来判断一个数值是奇数 (odd number)

还是偶数 (even number)

假设我们要判断4和7

那一个是偶数

那一个是奇数

我们可以这样表示

4

百分比符号

2

4除于2的余数是0

代表4能被2整除

所以4属于偶数

7

百分百比号

2

7除于2的余数是1

说明7不能被2整除

所以是属于奇数

求幂符号 （exponential）

是用两个星号表示

求幂就是我们常说的n次方计算

假设我们要计算2的3次方

我们可以这样表示

2

两个星号

3

2的3次方运算结果是

2 x 2 x 2 等于 8

好的

那现在我们来实操一下这几个符号

先从加法开始吧

我们尝试计算十加五

然后把计算结果赋值到number1变量

然后我们把number1的值打印出来看看

嗯，计算结果是对的

接下来我们看看减法

和之前一样，我们计算10减五

然后把结果赋予number2

嗯，答案是五，也是对的

再来看看乘法

乘号是用星号来表示

嗯，对的，答案是五十

接下来是除法

除号我们用正斜杠来表示

对的，10除5等于2

演示完加减乘除

接下来我们看看取余和求幂的实操

我们来用取余运算去判断

这两个数值20和57

哪个是偶数

哪个是奇数

如果答案是零

就代表20是偶数

嗯，它的余数是零

代表20是偶数

我们再来看看57是偶数还是奇数

嗯，答案是1

57是不能被整除的

所以它是奇数

接下来

我们演示一下求幂运算

假设我要计算2的10次方

我们可以这样表示

2

两个星号

10

我们把2的10次方计算结果打印出来看看

2的10次方是1024

对的

刚才给你们演示的是数值基本加减乘除法

这样的基本加减乘除法还是属于比较初级的

接下来

我们来看看要怎么把加减乘除法运用在变量上面

假设你是经营书店的老板

现在库存里有100本书

三天后

你又进了一批货

一共200本书

我们可以在JavaScript里这样表示

我们把先声明一个变量bookCount

然后把100赋予bookCount

如果要再添加200本书的话

我们直接用bookCount变量加200

然后把计算的结果再赋予bookCount

它的计算顺序是

先把bookCount + 200 计算出来

bookCount的值是多少？

bookCount的值是100

100 + 200 = 300

计算完成后

300会被赋予bookCount

所以现在bookCount的值是300

我们把bookCount的值打印出来验证一下

嗯，对的

bookCount的值现在是300

这一行

我们其实可以用更简洁的方法去表示

像这样

bookCount

+=

200

这一行

和这一行是相同的

这一行的好处

就是可以不用重复输入同一个变量名称

现在bookCount的值应该是500

我们再打印bookCount的值看看

嗯，是的

bookCount现在是500

你想挑50本书捐给一所学校

这样你就需要从库存里减去50

我们可以这样表示

bookCount = bookCount - 50

或者 bookCount -= 50

我们选一个看起来比较高级一点的吧

bookCount -= 50

我们来查一下现在的库存是多少

对的，现在库存里就剩下450本图书

过了一个月，你打算开分店

想提前把库存扩充一下

你按照现有图书库存

再进了一批货

意思就是你把A门店的货复制到了B门店

所以现在图书的总量是450 x 2

 一共是900本图书

在JavaScript里我们可以这样表示

bookCount

*=

2

我们把bookCount打印出来

验证它的值是不是900

嗯，对的，一共是900本图书

接下来，如果我们要平均把这就900本图书

装在50个小箱子里

要计算每个箱子里能装几本书

我们可以这样表示

bookCount

/=

50 

这样我们就能算出一个箱子能装几本书

900 / 50 = 18

一个箱子能装下18本书

我们来验证一下

嗯，是的，bookCount的值是18

JavaScript程序里经常会出现

变量递增 

或者递减的计算

递增的意思就是为变量的值加一

递减则是为变量的值减一

假设我们有一个变量叫balance

我们要为这个变量值加一

之前给你们演示过

可以用这两种方式

第一种是

balance = balance + 1

第二种是 

balance += 1

第三种

最简化的

就是 balance++ 或者 ++balance

这里要注意

++balance 和 balance++ 是有一点区别的

++符号如果在变量的前面

我们称它为前置递增 (pre-increment)

++符号如果在变量的后面

我们称它为后置递增 (post-increment)

我先给你们演示一下递增

我先把这三行删掉

只剩下++balance

像这个++balance

如果我们只是纯粹的输入这一行的话

它最终会给balance值加一

所以现在balance的值从0变成了1

我们把++balance换成balance++

看看结果是什么

嗯，它们的结果都是一样的

都会给balance值加一

所以不管是前置还是后置递增

结果都是一样的

那它们的区别究竟在哪里呢？

它们的区别就在于赋值的时候

假设我们把balance++值赋予一个变量

像这样

balance打印出来的值

相信大家都知道

是1

那newValue呢？

能猜到吗？

newValue的值是0

而不是1

为什么呢？

其实

这一行的意思是先把balance的值赋予newValue

然后才递增

balance值在递增前是0

0被赋予newValue

然后balance才递增加一

我们把balance++换成++balance

看看它的结果

balance还是1

那现在newValue的值是什么？

你们猜猜看 

是的

newValue的值是1

这一行的意思是先将balance的值递增

然后再赋予newValue

当执行++balance的时候

balance的值从0变成了1

然后1赋予newValue

大家看到了区别吗？

如果你看见balance++的话

变量在前面

那就说明先取balance的值

然后才递增

如果你看见++balance

++符号在前面

变量在后面

那就说明需要递增之后才取balance的值

递减的原理和递增一样

也有前置递减和后置递减

像这样

--balance

balance--

现在balance的值是1

我们尝试递减它

看看会不会变成0

嗯，是的

现在balance的值经过递减后成功归零

如果大家对递增递减的概念还有疑问的话

可以扫描这个二维码去到自学编程社区里提问

今天我们学会了怎么在JavaScript里加减乘除

那接下来给同学们布置一个简单的任务

这周的任务是

当这两行代码被执行后

x和y的值是多少？

你可以把答案发到自学编程社区里

也可以在视频下方留言

好的，今天的视频就到这里

如果喜欢这个视频，那就帮忙点个赞吧！


我们下期见，拜拜！