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

yizhihongxing

下面是关于JavaScript高级程序设计阅读笔记(五)ECMAScript中的运算符(一)的完整攻略。

标题

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

简介

本篇文章主要介绍ECMAScript中的运算符。在JavaScript中,运算符是用于执行各种算术、比较和逻辑操作的符号。本文将介绍相应的运算符及其优先级。

算术运算符

ECMAScript中的算术运算符与其他语言中的算术运算符类似,包括加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)和余数运算符(%)。其中,加法运算符和减法运算符还可以用于字符串拼接和负数的表示。

示例一:加法运算符

var a = 5;
var b = 10;
var c = "Hello, ";
var d = "world!";
console.log(a + b); //15
console.log(c + d); //Hello, world!
console.log(a + c + b + d); //5Hello, 10world!

示例二:余数运算符

console.log(10 % 3); //1
console.log(-10 % 3); //-1
console.log(10 % -3); //1
console.log(-10 % -3); //-1

自增自减运算符

ECMAScript还提供了自增自减运算符,包括自加运算符(++)和自减运算符(--)。这些运算符可以增加或减少变量的值。

示例三:自增自减运算符

var a = 5;
console.log(++a); //6
console.log(a); //6
console.log(a--); //6
console.log(a); //5

关系运算符

ECMAScript中的关系运算符用于比较两个值的大小关系,包括小于运算符(<)、大于运算符(>)、小于等于运算符(<=)和大于等于运算符(>=)。这些运算符返回一个布尔值true或false。

示例四:关系运算符

var a = 5;
var b = 10;
console.log(a < b); //true
console.log(a > b); //false
console.log(a <= b); //true
console.log(a >= b); //false

相等运算符

ECMAScript中的相等运算符用于比较两个值是否相等,包括相等运算符(==)和不等运算符(!=)。事实上,这两个运算符比较的是值而非类型。

示例五:相等运算符

var a = 5;
var b = "5";
console.log(a == b); //true
console.log(a != b); //false

严格相等运算符

ECMAScript中的严格相等运算符用于比较两个值是否相等,包括严格相等运算符(===)和严格不等运算符(!==)。这两个运算符比较的不仅是值,还包括类型。

示例六:严格相等运算符

var a = 5;
var b = "5";
console.log(a === b); //false
console.log(a !== b); //true

逻辑运算符

ECMAScript中的逻辑运算符用于组合多个表达式,包括逻辑与运算符(&&)、逻辑或运算符(||)和逻辑非运算符(!)。

示例七:逻辑运算符

var a = 5;
var b = 10;
var c = 15;
console.log(a > b && b > c); //false
console.log(a > b || b > c); //false
console.log(!(a > b)); //true

以上就是关于JavaScript高级程序设计阅读笔记(五)ECMAScript中的运算符(一)的完整攻略。

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

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

相关文章

  • react-router-dom v6 使用详细示例

    这里给出使用 React-Router-Dom 版本 6.x 的详细攻略,包含基本概念、用法介绍、代码示例等,方便大家快速上手。 基本概念 React-Router-Dom 是一个 React 的声明式路由库,在 React 应用中使用路由的时候非常方便。在使用 React-Router-Dom 时,主要涉及到以下几个核心概念: Router:定义路由的容器…

    JavaScript 2023年6月11日
    00
  • javascript检测(控制 )上传文件大小

    JavaScript 可以检测文件的大小,以控制上传文件的大小。以下是检查文件大小的完整攻略: 步骤一:HTML标签生成上传文件按钮 首先,在HTML中使用 <input> 元素生成上传文件的按钮,代码如下: <input type="file" name="myFile" id="myFi…

    JavaScript 2023年5月27日
    00
  • BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码

    首先我们需要了解什么是Bootstrap和FormValidation。 Bootstrap是一套开源的前端框架,主要用于快速开发响应式、移动设备优先的Web项目。Bootstrap内置了丰富的CSS和JavaScript组件,提供了常见的页面布局、表单、按钮等元素,整个框架使用起来非常便利。 FormValidation是一款基于Bootstrap的表单验…

    JavaScript 2023年6月10日
    00
  • JavaScript实现栈结构详细过程

    以下是JavaScript实现栈结构的详细攻略: 什么是栈结构? 栈是一种线性数据结构,具有先进后出的特点,也就是最后压入栈中的数据最先弹出。栈的操作主要包括入栈(push)、出栈(pop)和查看栈顶元素(peek)。 JavaScript实现栈结构的详细过程 1.使用数组来实现栈结构 我们可以使用JavaScript中的Array来实现栈结构,Array的…

    JavaScript 2023年5月28日
    00
  • JS检测浏览器开发者工具是否打开的方法详解

    下面我将详细讲解JS检测浏览器开发者工具是否打开的方法。 一、检测方法 1. 监听 console 字符串输出 开发者工具在控制台中输出字符串时,会触发 console 对象的一些方法,如 console.log()、console.warn()、console.error() 等。我们可以通过监听这些方法的调用来判断开发者工具是否打开: var open …

    JavaScript 2023年6月11日
    00
  • 基于JavaScript如何实现ajax调用后台定义的方法

    下面是详细讲解“基于JavaScript如何实现ajax调用后台定义的方法”的完整攻略。 1. 什么是Ajax? Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,通过异步请求后台获取数据并实时更新网页的技术。通过Ajax可以使网页变的更加丰富,用户操作变得更加流畅,常用于实现无刷新的数据更新和交互…

    JavaScript 2023年6月11日
    00
  • 一文了解你不知道的JavaScript生成器篇

    一文了解你不知道的JavaScript生成器篇 简介 JavaScript的生成器(Generator)是ES6新引入的一个特性,可以使我们更加方便地控制异步代码流程,使代码更加简洁易懂。本文将介绍JavaScript生成器的基本语法、使用方法及示例,以帮助开发者快速掌握这一特性。 生成器语法 生成器语法使用function*定义一个生成器函数,通过yiel…

    JavaScript 2023年5月28日
    00
  • Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统

    Bootstrap栅格系统是Bootstrap框架的一个重要组成部分,它可以帮助我们实现页面的自适应效果,让同一份代码在不同尺寸的设备上都能够呈现出良好的显示效果。下面是Bootstrap栅格系统的完整攻略: 什么是Bootstrap栅格系统 Bootstrap栅格系统由一系列的栅格列组成,每个栅格列的宽度是固定的,可以根据设备的屏幕尺寸进行自动调整。Boo…

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