龙空技术网

「JavaScript 从入门到精通」5.表达式和运算符

前端自习课 217

前言:

眼前我们对“html加减乘除运算”大致比较珍视,朋友们都需要剖析一些“html加减乘除运算”的相关资讯。那么小编同时在网络上收集了一些有关“html加减乘除运算””的相关内容,希望看官们能喜欢,姐妹们一起来了解一下吧!

「JavaScript 从入门到精通」1.语法和数据类型

「JavaScript 从入门到精通」2.流程控制和错误处理

「JavaScript 从入门到精通」3.循环和迭代

「JavaScript 从入门到精通」4.函数

前置知识:

JavaScript中运算符有一元、二元和三元(条件)运算符,常见写法:

本文将介绍一下几类运算符:

赋值运算符(Assignment operators)比较运算符(Comparison operators)算数运算符(Arithmetic operators)位运算符(Bitwise operators)逻辑运算符(Logical operators)字符串运算符(String operators)条件(三元)运算符(Conditional operator)逗号运算符(Comma operator)一元运算符(Unary operators)关系运算符(Relational operator)1.赋值运算符

最简单的赋值运算符是 = ,它将右边操作数的值赋值给左边的操作数,如 a = b。

另外常见的复合赋值运算符有如下:

另外在ES6中,新增一类解构赋值:

2.比较运算符

通过比较两个比较对象来返回一个是否为真的布尔值,当两个比较的对象不是相同类型,JavaScript会尝试将两个比较对象转换成相同类型进行比较:

常用的比较运算符有:

注意:

=>不是运算符,而是ES6中新增的箭头函数的标记符号。

3.算数运算符

除了标准的加减乘除这些基本运算符,JavaScript还提供一些新的算数运算符:

4.位运算符

位运算符是在数字底层(即表示数字的 32 个数位)进行操作的。

复习数字32位数的表示

示例解释:

1的二进制表示为 0 0 0 0 0 0 1

3的二进制表示为 0 0 0 0 0 1 1

1.按位与 &

使用案例

5.逻辑运算符

常用来处理布尔值,但是当处理非布尔值的时候,往往返回非布尔值:

注意: 能被转成false的值有null,0,NaN,空字符串""和undefined。

几个示例:

常常还使用短路求值:

6.字符串运算符

在拼接字符串中,由 + 来连接两个字符串:

7.条件(三元)运算符

可以使用三个操作数的运算符,运算结果为根据给定条件在两个值中取一个:

8.逗号运算符

对两个操作数求值并且返回最终操作数的值,通常用于for循环中,在每次循环时对多个变量进行更新:

9.一元运算符

一元操作符仅对应一个操作数。

delete

删除一个对象或一个对象的属性或者一个数组中某一个键值,返回一个布尔值,删除成功返回true,否则返回false:

typeof

返回一个参数的类型的字符串值,参数可以输字符串,变量,关键词或者对象:

参数也可以是表达式,typeof会根据其返回结果返回所包含的类型:

void

表示一个运算没有返回值,常常用在创建一个超链接文本,但是点击的时候没有任何效果:

10.关系运算符

比较两个操作数:

in

判断指定属性是否在指定对象中,若是则返回true:

instanceof

判断一个对象是否是指定类型,若是则返回true:

11.运算符优先级

当我们需要调整表达式计算顺序,就需要用到运算符的优先级,通过括号来实现排序,常见优先级从高到低:

公众号:前端自习课

标签: #html加减乘除运算