前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web前端学习 第3章 JavaScript基础教程3 表达式与运

Web前端学习 第3章 JavaScript基础教程3 表达式与运

原创
作者头像
学习猿地
修改2020-06-16 14:28:59
2520
修改2020-06-16 14:28:59
举报
文章被收录于专栏:学习猿地

一、表达式概述

字面量

说表达式之前,我们先说说一个基本概念字面量

在上一节,赋值符号=右边某种数据类型的值,就是字面量,例如字符串"hello world",或是数字100。都是字面量。

表达式

上一节我们接触过+-*/四个运算符,那么通过运算符将变量、字面量组合起来,就是表达式。

每一个表达式都有一个固定返回值(表达式的结果),例如下面的程序:

代码语言:javascript
复制
1 "hello" + "world" //"helloworld"
2 100 + 200 //300

二、运算符

算数运算符

运算符

描述

示例

结果

+

加法

20 + 10

7

-

减法

20 - 10

10

*

乘法

20 * 10

200

/

除法

20 / 10

2

%

求于

11 % 2

1

++

自增1

++7

8

-

自减

--7

6

自增运算符和自减运算符可以向上面的例子,写在变量的后面,也可写在变量的前面,写在前后意义不同

代码语言:javascript
复制
1 var num1 = 10;
2 var num2 = 10;
3 console.log(num1++);  //输出10
4 console.log(++num2);  //输出11

自增和自减运算符如果写在变量后面,那么表达式的返回值是变量本身,然后变量自增或自减,运算符写在变量前面,那么变大时的返回值直接就是变量自增或自减后的结果。

比较运算符

比较运算符的返回值是布尔值

运算符

描述

示例

结果

>

大于

20 > 10

true

<

小于

20 < 10

false

>=

大于等于

20 >= 10

true

<=

小于等于

20 <= 10

false

==

等于

20 == "20"

true

!=

不等

20 != 10

false

===

恒等于

20 === "20"

false

!==

非更等于

20 !== "20"

true

逻辑运运算符

运算符

描述

示例

结果

&&

逻辑与

true && false

false

||

逻辑或

true || false

true

!

逻辑非

!true

false

后面学习条件语句时,会进一步讲解逻辑运算。

赋值运算符

下面我们以,x = 10 y = 20 ,来解释一下下面的运算符。

运算符

描述

示例

等同于

=

赋值

x = 10

+=

加并赋值

x += y

x = x + y

-=

减并赋值

x -= y

x = x - y

*=

乘并赋值

x *= y

x = x * y

/=

除并赋值

x /= y

x = x / y

在上述运算符中,+=是非常常用的。

三、课后练习

熟练时使用本节中讲解的运算符。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、表达式概述
    • 字面量
      • 表达式
      • 二、运算符
        • 算数运算符
          • 比较运算符
            • 赋值运算符
            • 三、课后练习
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档