JavaScript 学习笔记之操作符(续)

JavaScript 学习笔记之操作符(续)

前言

在之前的文章中,我们已经讲解了 JavaScript 中的基本操作符,本文将延续该话题,再次强调一些高级操作符的使用方法。

递增(++)和递减(--)

++-- 操作符用于将变量的值加一或减一。当它们出现在变量前面时,会先进行加减操作,再将修改后的值赋给变量。如果它们出现在变量的后面,则先将变量的值赋给其它变量,再对原变量进行加减操作。

示例:

let a = 1;
let b = ++a;
console.log(a); // 输出 2
console.log(b); // 输出 2
let c = a--;
console.log(a); // 输出 1
console.log(c); // 输出 2

位操作符

在 JavaScript 中,位操作符可用于二进制数的处理,它们通过对数值进行特定操作,来修改数值的二进制表示。这些操作符会将数值转换为 32 位二进制数,并对这些二进制数进行操作。

位操作符可以用于以下场景:

  • 压缩和加密数据
  • 颜色值的转换
  • 优化算法和程序
  • 处理图形和音频

JavaScript 中的位操作符如下:

  • & 按位与
  • | 按位或
  • ^ 按位异或
  • ~ 按位非
  • << 左移
  • >> 右移
  • >>> 无符号右移

示例:

let a = 5; // 二进制数为 101
let b = 3; // 二进制数为 011
console.log(a & b); // 按位与,结果为 001,即 1
console.log(a | b); // 按位或,结果为 111,即 7
console.log(a ^ b); // 按位异或,结果为 110,即 6
console.log(~a); // 按位非,结果为 -6
console.log(a << 1); // 左移,结果为 10,即 10
console.log(a >> 1); // 右移,结果为 10,即 2
console.log(a >>> 1); // 无符号右移,结果为 10,即 2

运算符优先级

在 JavaScript 中,不同的运算符有不同的优先级。运算符优先级指的是运算符在表达式中的执行顺序。以下是一些常见的 JavaScript 运算符优先级,从高到低排列:

  • 圆括号和方括号 [] ().
  • 后自增/减 ++ --.
  • 按位非 ~.
  • 逻辑非 !.
  • 乘法 *、除法 /、取余 %.
  • 加法 +、减法 -.
  • 移位 << >> >>>.
  • 比较运算符 < <= > >= instanceof.
  • 相等比较 == != === !==.
  • 逻辑与 &&.
  • 逻辑或 ||.
  • 条件运算符 ? :.
  • 赋值运算符 = += -= *= /= %= <<= >>= >>>= &= ^= |=.

示例:

let a = 5 + 2 * 3; // 先乘法后加法,结果为 11
let b = (5 + 2) * 3; // 先加法后乘法,结果为 21
console.log(a > 0 && a < 10 || b > 20); // 逻辑运算符优先级高于比较运算符,结果为 true

结语

本文讲解了 JavaScript 中的一些高级操作符的使用方法,并提供了相应的示例,希望对您的学习有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 学习笔记之操作符(续) - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • JavaScript实现同时调用多个函数的方法

    为了实现同时调用多个函数,有两种方法可以选择:串行和并行。串行指的是按照指定的顺序依次执行函数,而并行指的是同时执行所有函数,不关心它们的顺序。 串行调用函数的方法 方法一:Promise 利用 ES6 的 Promise 实现,可以方便地实现多个函数的串行调用。 Promise 对象的主要作用是为处理异步操作提供一个统一的接口,其中包含三个状态:进行中(p…

    JavaScript 2023年5月27日
    00
  • javascript获取dom的下一个节点方法

    当我们需要获取一个DOM元素的下一个兄弟节点时,有以下两个方法: 方法一:使用nextSibling属性 DOM节点对象拥有一个nextSibling属性,该属性用于获取当前节点的下一个兄弟节点。需要注意的是,这个属性获取到的兄弟节点可能是文本节点、注释节点等。 // 获取 id 为 "test" 的元素的下一个兄弟节点 var test…

    JavaScript 2023年6月10日
    00
  • 深入理解JSON数据源格式

    深入理解JSON数据源格式 什么是JSON? JSON是JavaScript Object Notation的缩写,它是一种轻量级的数据交换格式,易于理解和使用。它基于一种JavaScript子集,但考虑到其实际用途,它是一种独立于语言的数据格式。JSON格式是一种键值对的数据结构,它采用Unicode字符集。 JSON的基本语法 JSON数据格式由两个大括…

    JavaScript 2023年5月27日
    00
  • js自调用匿名函数的三种写法(推荐)

    下面是JS自调用匿名函数的三种写法攻略: 1. 包裹执行 最常见的自调用匿名函数就是包裹执行(也称为自调用函数表达式,IIFE)。这种写法在函数表达式后紧跟一个括号,表示调用这个函数。其主要目的是防止变量污染全局作用域。 标准写法: (function() { // 在这里编写你的代码 })(); 可以使用 arrow function (ES6+)简化写法…

    JavaScript 2023年5月27日
    00
  • jQuery取消ajax请求的方法

    首先,我们需要了解什么是Ajax请求。Ajax(Asynchronous JavaScript And XML)是一种能够让Web应用程序无需刷新页面即可进行数据交互的技术。 在jQuery中,我们可以通过$.ajax()或$.get()或$.post()等方法来发送Ajax请求。但有时候,我们可能希望在请求发送后,能够取消这个请求。下面我们来看看如何实现。…

    JavaScript 2023年6月11日
    00
  • 详解Javascript动态操作CSS

    详解Javascript动态操作CSS 概述 在网页中,CSS是控制网页样式的重要手段之一,而通过Javascript动态修改CSS,可以实现更加灵活的交互效果。本攻略将介绍如何通过Javascript来动态修改CSS。 获取元素 首先,需要获取到需要修改CSS的元素。可以通过document.getElementById、document.getEleme…

    JavaScript 2023年6月10日
    00
  • JavaScript高级程序设计(第3版)学习笔记11 内建js对象

    下面是《JavaScript高级程序设计(第3版)学习笔记11 内建js对象》的学习攻略。 常用内建对象 JavaScript中内建对象众多,本章介绍的是一些常用的内建对象。 Boolean对象 Boolean对象只有两种可能的实例,即true和false,如果将其他数据类型转换为Boolean类型,规则是:除了””、0、NaN、null和undefined…

    JavaScript 2023年5月18日
    00
  • 编写高性能JavaScript(译)

    下面就为您详细讲解“编写高性能JavaScript(译)”的完整攻略。 一、前言 JavaScript 是当前最流行的编程语言之一,但它的性能往往会成为我们的瓶颈。而编写高性能的 JavaScript 可以节省服务器资源、提高用户体验。本攻略将为大家介绍如何编写高性能 JavaScript 的方法和技巧。 二、准备工作 编写高性能 JavaScript 的前…

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部