JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)

yizhihongxing

【JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)】

本篇笔记主要介绍ECMAScript中的其他运算符,包括位运算符、三元操作符以及删除操作符等。

位运算符

位运算符是一种针对二进制数的运算,可以操作二进制数的每一位。在JavaScript中,共有6种位运算符:

  • 按位非(~):按位取反运算符,将每一位二进制数的1换成0,0换成1。
  • 按位与(&):对两个数的每一位进行比较,如果两个相应位都是1,则该位的结果为1,否则为0。
  • 按位或(|):对两个数的每一位进行比较,如果两个相应位都是0,则该位的结果为0,否则为1。
  • 按位异或(^):对两个数的每一位进行比较,如果两个相应位不相同,则该位的结果为1,否则为0。
  • 左移位(<<):将二进制数向左移动指定的位数,右侧用0补足空缺。
  • 右移位(>>):将二进制数向右移动指定的位数,左侧用符号位的值补足空缺。

示例代码:

var a = 10; // 二进制:1010
var b = 2;  // 二进制:0010
console.log(~a);  // -11, 二进制:1111 0101
console.log(a & b); // 2, 二进制:0010
console.log(a | b); // 10,二进制:1010
console.log(a ^ b); // 8, 二进制:1000
console.log(a << 2); // 40,二进制:1010 0000
console.log(a >> 2); // 2,  二进制:0010

三元操作符

三元操作符也称为条件操作符,是在JavaScript中唯一的一个需要三个操作数的运算符。三元操作符由一个问题(问号,?)和两个冒号(冒号,:)组成,语法如下:

condition ? expression1 : expression2;

如果condition为true,返回expression1,否则返回expression2。三元操作符通常用于简化if语句的嵌套。

示例代码:

var a = 10;
var b = 5;
var result = a > b ? "a大于b" : "b大于等于a";
console.log(result); // "a大于b"

删除操作符

在JavaScript中,可以使用删除操作符(delete)来删除对象属性、数组元素或者对象本身。删除操作符执行后,被删除的对象将不再存在,而其原型链中仍将保留原对象所在位置的原型对象。

示例代码:

var obj = {
  name: "zhangsan",
  age: 18
};
console.log(obj.name); // "zhangsan"
delete obj.name;
console.log(obj.name); // undefined

以上就是本篇笔记的内容,希望对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二) - Python技术站

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

相关文章

  • JavaScript架构localStorage特殊场景下二次封装操作

    那么以下是对JavaScript架构localStorage特殊场景下二次封装操作的具体攻略: 什么是localStorage? localStorage 是一种可以在浏览器本地存储数据的 API。它可以通过 key-value 对的形式保存数据,每个 key-value 对都会被浏览器独立存储,并且不受域名和浏览器限制。 为什么需要二次封装操作? loca…

    JavaScript 2023年6月11日
    00
  • 推荐一个javascript的加密工具

    当我们需要在前端对一些敏感信息进行加密时,常常会使用JavaScript的加密工具。这里推荐两个常用的JavaScript加密工具。 1. CryptoJS CryptoJS是一个JavaScript加密器,它提供了多种加密算法,如AES、DES、Rabbit、MD5、SHA、HMAC等等。下面我们以AES加密为例,讲解使用CryptoJS进行加密的步骤。 …

    JavaScript 2023年5月19日
    00
  • JavaScript中几个重要的属性(this、constructor、prototype)介绍

    当我们学习JavaScript时,一定会接触到几个重要的属性:this、constructor、prototype。 this this 是 JavaScript 中非常重要的关键字,其指向的是当前函数执行上下文的对象。在不同的环境中,this 的指向也会不同。 在全局作用域中,this 指向的是 window 对象。 在函数中,this 的指向会根据函数的…

    JavaScript 2023年5月27日
    00
  • hbuilder和hbuilderx有什么区别? hbuilder绿色和红色的区别介绍

    HBuilder是DCloud公司开发的一款跨平台的HTML5开发工具,支持多个平台的开发,例如微信小程序、Android和iOS等。而HBuilderX则是在HBuilder基础上开发的新一代IDE工具,比HBuilder功能更为强大,更加易用。 下面分别介绍HBuilder和HBuilderX的主要区别和优势。 HBuilder和HBuilderX的区别…

    JavaScript 2023年6月10日
    00
  • 用js小类库获取浏览器的高度和宽度信息

    获取浏览器的高度和宽度信息,可以通过JavaScript小类库来实现。下面是获取高度和宽度信息的完整攻略: 步骤一:引入jQuery库 首先,需要在HTML文档中引入jQuery库,可以通过以下代码实现: <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"…

    JavaScript 2023年6月11日
    00
  • JS写谷歌浏览器chrome的外挂实例

    JS是一种动态编程语言,广泛应用于浏览器中。除了网页编程,JS还可以用来编写浏览器的插件,也就是所谓的”外挂”。在本篇攻略中,我们将讲解如何使用JS编写一款chrome浏览器的外挂。 1.了解chrome的插件机制 在开始编写插件之前,我们需要先了解一下chrome的插件机制。chrome的插件分为两种:扩展和应用。扩展是指通过插件来优化浏览器功能,比如广告…

    JavaScript 2023年6月11日
    00
  • 浅谈JS日期(Date)处理函数

    浅谈JS日期(Date)处理函数 在JavaScript中,日期(Date)处理是相当重要的一种数据类型。在我们的代码开发工作中,通常需要使用日期处理函数对日期进行操作。接下来我们将详细介绍JavaScript中日期处理函数的使用方法。 日期的基本操作 在JavaScript中,日期的基本操作包括创建日期对象、获取日期时间信息以及日期的格式化输出等。 创建日…

    JavaScript 2023年5月27日
    00
  • JavaScript String 对象常用方法详解

    下面我来详细讲解一下 JavaScript String 对象常用方法。 一、JavaScript String 对象简介 JavaScript 中的 String 对象,用于处理文本(字符串)数据。它包含了许多实用的方法,可以完成字符串的拼接、截取、检索、替换等操作。 二、JavaScript String 对象常用方法详解 下面是 JavaScript …

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