【融职培训】Web前端学习 第3章 JavaScript基础教程

一、表达式概述

字面量

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

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

表达式

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

每一个表达式都有一个固定返回值（表达式的结果），例如下面的程序：

1"hello" + "world"//"helloworld"2100 + 200//300

二、运算符

算数运算符

运算符描述示例结果

+加法20 + 107

-减法20 - 1010

*乘法20 * 10200

/除法20 / 102

%求于11 % 21

++自增1++78

-自减--76

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

1varnum1 = 10;2varnum2 = 10;3console.log(num1++);//输出104console.log(++num2);//输出11

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

比较运算符

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

运算符描述示例结果

>大于20 > 10true

<小于20 < 10false

>=大于等于20 >= 10true

<=小于等于20 <= 10false

==等于20 == "20"true

!=不等20 != 10false

===恒等于20 === "20"false

!==非更等于20 !== "20"true

逻辑运运算符

运算符描述示例结果

&&逻辑与true && falsefalse

||逻辑或true || falsetrue

!逻辑非!truefalse

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

赋值运算符

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

运算符描述示例等同于

=赋值x = 10无

+=加并赋值x += yx = x + y

-=减并赋值x -= yx = x - y

*=乘并赋值x *= yx = x * y

/=除并赋值x /= yx = x / y

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

三、课后练习

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

【融职教育】在工作中学习，在学习中工作