主页
  • 主页
  • 分类
  • 热文
  • 教程
  • 面试
  • 标签
JavaScript

JavaScript 基础

JavaScript 主页
JavaScript 概述
JavaScript 特性
JavaScript 启用
JavaScript 展示位置
JavaScript 语法
JavaScript hello_world
JavaScript console.log()
JavaScript 注释
JavaScript 变量
JavaScript let 语句
JavaScript 常量
JavaScript 数据类型
JavaScript 类型转换
JavaScript 严格模式
JavaScript 保留关键字

JavaScript 操作符

JavaScript 操作符
JavaScript 算术运算符
JavaScript 比较操作符
JavaScript 逻辑运算符
JavaScript 位运算符
JavaScript 赋值运算符
JavaScript 条件运算符
JavaScript typeof 运算符
JavaScript Nullish 合并运算符
JavaScript delete 运算符
JavaScript 逗号运算符
JavaScript 分组运算符
JavaScript Yield 运算符
JavaScript 扩展运算符
JavaScript 指数运算符
JavaScript 运算符优先级

JavaScript 控制流

JavaScript if...else 语句
JavaScript while 循环
JavaScript for 循环
JavaScript for...in 循环
JavaScript for...of 循环
JavaScript 循环控制
JavaScript break 语句
JavaScript continue 语句
JavaScript switch 语句
JavaScript 可迭代对象

JavaScript 函数

JavaScript 函数
JavaScript 函数表达式
JavaScript 函数参数和参数值
JavaScript 默认参数
JavaScript Function() 构造函数
JavaScript 函数提升
JavaScript 自执行函数
JavaScript 箭头函数
JavaScript 函数调用
JavaScript call() 方法
JavaScript apply() 方法
JavaScript bind() 方法
JavaScript 闭包
JavaScript 作用域
JavaScript 全局变量
JavaScript 智能函数参数

JavaScript 对象

JavaScript Number 对象
JavaScript Boolean 对象
JavaScript String 对象
JavaScript 数组对象
JavaScript 日期对象
JavaScript DataView 对象
JavaScript 处理程序
JavaScript Math 对象
JavaScript 正则表达式
JavaScript Symbol 类型
JavaScript Set 对象
JavaScript WeakSet 对象
JavaScript Map 对象
JavaScript WeakMap 对象
JavaScript 可迭代对象
JavaScript Reflect 对象
JavaScript TypedArray
JavaScript 模板字面量
JavaScript 标记模板

JavaScript 面向对象

JavaScript 对象
JavaScript 类
JavaScript 对象属性
JavaScript 对象方法
JavaScript 静态方法
JavaScript 显示对象
JavaScript 对象访问器属性
JavaScript 对象构造器
JavaScript 原型(Prototype)
JavaScript ES5 对象方法
JavaScript 封装
JavaScript 继承
JavaScript 抽象
JavaScript 多态
JavaScript 解构赋值
JavaScript 数组解构
JavaScript 嵌套解构
JavaScript 可选链
JavaScript 全局对象
JavaScript mixins
JavaScript 代理(Proxy)

JavaScript Cookies

JavaScript Cookies操作
JavaScript Cookie 属性
JavaScript 删除 Cookies

JavaScript 浏览器 BOM

JavaScript 浏览器对象模型(BOM)
JavaScript 窗口对象
JavaScript Document 对象
JavaScript 屏幕对象
JavaScript Window History 对象
JavaScript Navigator 对象
JavaScript Location 对象
JavaScript Console 对象

JavaScript Web APIs

JavaScript Web API
JavaScript History API
JavaScript 存储 API
JavaScript Forms API
JavaScript Worker API
JavaScript Fetch API
JavaScript 定位 API

JavaScript 事件

JavaScript 事件
JavaScript DOM 事件
JavaScript addEventListener()
JavaScript 鼠标事件
JavaScript 键盘事件
JavaScript 表单事件
JavaScript 窗口事件
JavaScript 事件委托
JavaScript 事件冒泡
JavaScript 事件捕获
JavaScript 自定义事件

JavaScript 错误处理

JavaScript 错误处理
JavaScript try-catch
JavaScript 调试
JavaScript 自定义错误
JavaScript 扩展错误

JavaScript 重要关键字

JavaScript this'关键字
JavaScript void 关键字
JavaScript new 关键字
JavaScript var 关键字

JavaScript HTML DOM

JavaScript HTML DOM
JavaScript DOM 方法
JavaScript 文档对象
JavaScript DOM 元素
JavaScript 文档表单
JavaScript 更改 HTML
JavaScript 更改 CSS
JavaScript DOM 动画
JavaScript DOM 导航
JavaScript DOM 集合
JavaScript 节点列表

JavaScript 杂项

JavaScript Ajax
JavaScript 异步迭代
JavaScript Atomics 对象
JavaScript 剩余参数
JavaScript 页面重定向
JavaScript 对话框
JavaScript 打印网页
JavaScript 表单验证
JavaScript 创建动画
JavaScript 多媒体
JavaScript 图像地图
JavaScript 浏览器兼容性
JavaScript JSON
JavaScript 多行字符串
JavaScript 浅拷贝
JavaScript 日期格式
JavaScript 获取日期方法
JavaScript 调用栈
JavaScript 引用类型
JavaScript 设置日期方法
JavaScript 模块
JavaScript IndexedDB
JavaScript clickjacking(点击劫持)
JavaScript 动态导入
JavaScript BigInt
JavaScript 柯里化(Currying)
JavaScript 图形库
JavaScript Blob
JavaScript Unicode
JavaScript 绘制图形
JavaScript 防抖
JavaScript 性能
JavaScript 编码规范

基础

JavaScript 主页
JavaScript 概述
JavaScript 特性
JavaScript 启用
JavaScript 展示位置
JavaScript 语法
JavaScript hello_world
JavaScript console.log()
JavaScript 注释
JavaScript 变量
JavaScript let 语句
JavaScript 常量
JavaScript 数据类型
JavaScript 类型转换
JavaScript 严格模式
JavaScript 保留关键字

操作符

JavaScript 操作符
JavaScript 算术运算符
JavaScript 比较操作符
JavaScript 逻辑运算符
JavaScript 位运算符
JavaScript 赋值运算符
JavaScript 条件运算符
JavaScript typeof 运算符
JavaScript Nullish 合并运算符
JavaScript delete 运算符
JavaScript 逗号运算符
JavaScript 分组运算符
JavaScript Yield 运算符
JavaScript 扩展运算符
JavaScript 指数运算符
JavaScript 运算符优先级

控制流

JavaScript if...else 语句
JavaScript while 循环
JavaScript for 循环
JavaScript for...in 循环
JavaScript for...of 循环
JavaScript 循环控制
JavaScript break 语句
JavaScript continue 语句
JavaScript switch 语句
JavaScript 可迭代对象

函数

JavaScript 函数
JavaScript 函数表达式
JavaScript 函数参数和参数值
JavaScript 默认参数
JavaScript Function() 构造函数
JavaScript 函数提升
JavaScript 自执行函数
JavaScript 箭头函数
JavaScript 函数调用
JavaScript call() 方法
JavaScript apply() 方法
JavaScript bind() 方法
JavaScript 闭包
JavaScript 作用域
JavaScript 全局变量
JavaScript 智能函数参数

对象

JavaScript Number 对象
JavaScript Boolean 对象
JavaScript String 对象
JavaScript 数组对象
JavaScript 日期对象
JavaScript DataView 对象
JavaScript 处理程序
JavaScript Math 对象
JavaScript 正则表达式
JavaScript Symbol 类型
JavaScript Set 对象
JavaScript WeakSet 对象
JavaScript Map 对象
JavaScript WeakMap 对象
JavaScript 可迭代对象
JavaScript Reflect 对象
JavaScript TypedArray
JavaScript 模板字面量
JavaScript 标记模板

面向对象

JavaScript 对象
JavaScript 类
JavaScript 对象属性
JavaScript 对象方法
JavaScript 静态方法
JavaScript 显示对象
JavaScript 对象访问器属性
JavaScript 对象构造器
JavaScript 原型(Prototype)
JavaScript ES5 对象方法
JavaScript 封装
JavaScript 继承
JavaScript 抽象
JavaScript 多态
JavaScript 解构赋值
JavaScript 数组解构
JavaScript 嵌套解构
JavaScript 可选链
JavaScript 全局对象
JavaScript mixins
JavaScript 代理(Proxy)

Cookies

JavaScript Cookies操作
JavaScript Cookie 属性
JavaScript 删除 Cookies

浏览器 BOM

JavaScript 浏览器对象模型(BOM)
JavaScript 窗口对象
JavaScript Document 对象
JavaScript 屏幕对象
JavaScript Window History 对象
JavaScript Navigator 对象
JavaScript Location 对象
JavaScript Console 对象

Web APIs

JavaScript Web API
JavaScript History API
JavaScript 存储 API
JavaScript Forms API
JavaScript Worker API
JavaScript Fetch API
JavaScript 定位 API

事件

JavaScript 事件
JavaScript DOM 事件
JavaScript addEventListener()
JavaScript 鼠标事件
JavaScript 键盘事件
JavaScript 表单事件
JavaScript 窗口事件
JavaScript 事件委托
JavaScript 事件冒泡
JavaScript 事件捕获
JavaScript 自定义事件

错误处理

JavaScript 错误处理
JavaScript try-catch
JavaScript 调试
JavaScript 自定义错误
JavaScript 扩展错误

重要关键字

JavaScript this'关键字
JavaScript void 关键字
JavaScript new 关键字
JavaScript var 关键字

HTML DOM

JavaScript HTML DOM
JavaScript DOM 方法
JavaScript 文档对象
JavaScript DOM 元素
JavaScript 文档表单
JavaScript 更改 HTML
JavaScript 更改 CSS
JavaScript DOM 动画
JavaScript DOM 导航
JavaScript DOM 集合
JavaScript 节点列表

杂项

JavaScript Ajax
JavaScript 异步迭代
JavaScript Atomics 对象
JavaScript 剩余参数
JavaScript 页面重定向
JavaScript 对话框
JavaScript 打印网页
JavaScript 表单验证
JavaScript 创建动画
JavaScript 多媒体
JavaScript 图像地图
JavaScript 浏览器兼容性
JavaScript JSON
JavaScript 多行字符串
JavaScript 浅拷贝
JavaScript 日期格式
JavaScript 获取日期方法
JavaScript 调用栈
JavaScript 引用类型
JavaScript 设置日期方法
JavaScript 模块
JavaScript IndexedDB
JavaScript clickjacking(点击劫持)
JavaScript 动态导入
JavaScript BigInt
JavaScript 柯里化(Currying)
JavaScript 图形库
JavaScript Blob
JavaScript Unicode
JavaScript 绘制图形
JavaScript 防抖
JavaScript 性能
JavaScript 编码规范

JavaScript 操作符


上一章 下一章

在 JavaScript 中,操作符是一个符号,它对一个或多个操作数(如变量或值)执行某种操作,并返回结果。让我们来看一个简单的表达式 4 + 5 等于 9,在这里 4 和 5 被称为操作数,而‘+’被称为操作符。

JavaScript 支持以下类型的操作符:

  • 算术操作符
  • 比较操作符
  • 逻辑(或关系)操作符
  • 位操作符
  • 赋值操作符
  • 其他操作符

我们逐一来看这些操作符。

JavaScript 算术操作符

JavaScript 算术操作符用于对数字执行数学运算,如加法、乘法、减法、除法等。JavaScript 支持以下算术操作符:

操作符 描述 示例
+ (加法) 将两个操作数相加。 如果 x = 10, y = 20, 则 x + y 将给出 30。
- (减法) 从第一个操作数减去第二个操作数。 x - y 将给出 -10。
* (乘法) 将两个操作数相乘。 x * y 将给出 200。
/ (除法) 将分子除以分母。 y / x 将给出 2。
% (取模) 输出整数除法后的余数。 y % x 将给出 0。
++ (递增) 将整数值增加一。 x++ 将给出 11。
-- (递减) 将整数值减少一。 x-- 将给出 9。

加法操作符 (+) 同时适用于数字和字符串。例如 "a" + 10 将给出 "a10"。

JavaScript 比较操作符

JavaScript 比较操作符比较两个值并返回布尔结果(真或假)。JavaScript 支持以下比较操作符:

操作符 描述 示例
== (等于) 检查两个操作数的值是否相等。如果相等,则条件变为真。 (x == y) 是不真实的。
!= (不等于) 检查两个操作数的值是否相等。如果不相等,则条件变为真。 (x != y) 是真实的。
=== (严格等于) 检查变量的值和数据类型是否相等。如果相等,则条件变为真。 (x === y) 是不真实的。
!== (严格不等于) 检查变量的值和数据类型是否相等。如果不相等,则条件变为真。 (x !== y) 是真实的。
> (大于) 检查左操作数的值是否大于右操作数的值。如果是,则条件变为真。 (x > y) 是不真实的。
< (小于) 检查左操作数的值是否小于右操作数的值。如果是,则条件变为真。 (x < y) 是真实的。
>= (大于等于) 检查左操作数的值是否大于或等于右操作数的值。如果是,则条件变为真。 (x >= y) 是不真实的。
<= (小于等于) 检查左操作数的值是否小于或等于右操作数的值。如果是,则条件变为真。 (x <= y) 是真实的。

JavaScript 逻辑操作符

逻辑操作符通常用于对布尔值执行逻辑运算。但是逻辑操作符可以应用于任何类型的值而不只是布尔值。

JavaScript 支持以下逻辑操作符:

操作符 描述 示例
&& (逻辑与) 如果两个操作数都非零,则条件变为真。 如果 x = 10 且 y = 0,则 (x && y) 是假的。
`   ` (逻辑或)
! (逻辑非) 反转其操作数的逻辑状态。如果一个条件是真的,那么逻辑非操作符将使其为假。 !x 是假的。

JavaScript 位操作符

JavaScript 位操作符用于对整数执行位级运算。JavaScript 支持以下七种类型的位操作符:

操作符 描述 示例
& (位与) 在每个位上对其整数参数执行布尔与运算。 如果 x = 2 且 y = 3,则 (x & y) 是 2。
` ` (位或) 在每个位上对其整数参数执行布尔或运算。
^ (位异或) 在每个位上对其整数参数执行布尔异或运算。异或意味着要么操作数一是真的,要么操作数二是真的,但不是两者同时。 (x ^ y) 是 1。
~ (位非) 它是一个一元操作符,通过反转所有操作数中的位来操作。 (~y) 是 -4。
<< (左移) 将其第一个操作数的所有位向左移动由第二个操作数指定的数量的位置。新位填充为零。将一个值左移一位相当于将其乘以 2,左移两位相当于乘以 4,以此类推。 (x << 1) 是 4。
>> (右移) 二进制右移操作符。左操作数的值向右移动由右操作数指定数量的位。 (x >> 1) 是 1。
>>> (无符号右移) 此操作符类似于 >> 操作符,不同之处在于从左边移入的位总是零。 (x >>> 1) 是 1。

JavaScript 赋值操作符

在 JavaScript 中,赋值操作符用于给变量赋值。JavaScript 支持以下赋值操作符:

操作符 描述 示例
= (简单赋值) 将右侧操作数的值赋给左侧操作数。 z = x + y 将把 x + y 的值赋给 z。
+= (加和赋值) 将右操作数加到左操作数并将结果赋给左操作数。 z += x 等价于 z = z + x。
-= (减和赋值) 将右操作数从左操作数中减去并将结果赋给左操作数。 z -= x 等价于 z = z - x。
*= (乘和赋值) 将右操作数与左操作数相乘并将结果赋给左操作数。 z *= x 等价于 z = z * x。
/= (除和赋值) 将左操作数除以右操作数并将结果赋给左操作数。 z /= x 等价于 z = z / x。
%= (取模和赋值) 使用两个操作数进行取模运算并将结果赋给左操作数。 z %= x 等价于 z = z % x。

同样的逻辑也适用于位操作符,所以它们会变成像 <<=、>>=、>>>=、&=、|= 和 ^=。

JavaScript 其他操作符

JavaScript 还支持一些其他操作符。这些操作符包括条件操作符 (? :)、typeof 操作符、delete 操作符等。

在下表中,我们给出了 JavaScript 的其他操作符及其解释:

操作符 描述
? : (条件) 如果条件为真?则值 X :否则值 Y
typeof 返回操作数的数据类型。
?? (空值合并操作符) 当其左操作数为 null 或 undefined 时返回其右手边操作数,否则返回其左手边操作数。
delete 从对象中移除一个属性。
, (逗号) 从左到右评估其操作数并返回最后一个操作数的值。
() (分组) 允许改变运算符优先级。
yield 用于暂停和恢复一个生成器函数。
... (扩展) 用于扩展诸如数组或字符串这样的可迭代项。
** (指数) 将左操作数提升到右操作数的幂。
上一章 下一章
阅读号二维码

关注阅读号

联系二维码

联系我们

© 2024 Yoagoa. All rights reserved.

粤ICP备18007391号

站点地图