「融职培训」Web前端学习 第3章 JavaScript基础教程3 表达式与运

一、表达式概述

字面量

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

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

表达式

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

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

1 "hello" + "world" //"helloworld"
2 100 + 200 //300

二、运算符

算数运算符

运算符描述示例结果+加法20 + 107-减法20 - 1010*乘法20 * 10200/除法20 / 102%求于11 % 21++自增1++78-自减--76

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

1 var num1 = 10;
2 var num2 = 10;
3 console.log(num1++);  //输出10
4 console.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

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

三、课后练习

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

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

Tags：前端社区

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。