Javascript核心读书有感之表达式和运算符

Javascript核心读书有感之表达式和运算符攻略

表达式和运算符的基本概念

在Javascript中,表达式是由变量、常量、运算符和函数调用等元素组成的组合,用于计算一个值。而运算符则是表达式中完成具体计算的部分。

运算符的分类

Javascript中的运算符可以分为以下几类:

算术运算符

用于数值运算,包括加减乘除、取余等,如:+-*/%

示例:

var a = 10;
var b = 3;
console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333333333333335
console.log(a % b); // 1

逻辑运算符

用于逻辑判断,包括与、或、非等,如:&&||!

示例:

var a = true;
var b = false;
console.log(a && b); // false
console.log(a || b); // true
console.log(!a); // false

比较运算符

用于比较两个值的大小关系,包括等于、不等于、大于、小于、大于等于、小于等于等,如:==!=><>=<=

示例:

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

位运算符

用于对二进制数进行操作,包括按位与、按位或、按位异或、左移、右移等,如:&|^<<>>

示例:

var a = 5;   // 二进制表示为 00000101
var b = 3;   // 二进制表示为 00000011
console.log(a & b); // 00000001,即1
console.log(a | b); // 00000111,即7
console.log(a ^ b); // 00000110,即6
console.log(a << 1); // 00001010,即10
console.log(a >> 1); // 00000010,即2

赋值运算符

用于赋值操作,包括简单赋值、加减乘除取余赋值等,如:=+=-=*=/=%=

示例:

var a = 10;
a += 5; // 相当于 a = a + 5;
console.log(a); // 15
a -= 5; // 相当于 a = a - 5;
console.log(a); // 10
a *= 2; // 相当于 a = a * 2;
console.log(a); // 20
a /= 5; // 相当于 a = a / 5;
console.log(a); // 4
a %= 3; // 相当于 a = a % 3;
console.log(a); // 1

其他运算符

还有一些其他的运算符,如条件运算符?:、类型运算符typeof、实例化运算符new等。

总结

掌握表达式和运算符是Javascript编程的基础,对于实现各种算法、数据处理、页面交互等都有重要作用。同时,在使用运算符时需要注意数据类型、运算优先级等问题。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript核心读书有感之表达式和运算符 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • 谈谈我对JavaScript原型和闭包系列理解(随手笔记8)

    针对“谈谈我对JavaScript原型和闭包系列理解(随手笔记8)”这个话题,我将提供以下攻略: 1. 原型 什么是原型 在JavaScript中,除了基本数据类型(Number、Boolean、String、Undefined、Null)、对象类型(Object)和函数类型(Function)外,还有一种被称为原型对象(Prototype Object)的…

    JavaScript 2023年6月10日
    00
  • ToolTip 通过Js实现代替超链接中的title效果

    介绍一下如何用JS实现ToolTip代替超链接中的title效果: 1. 理解ToolTip ToolTip 是一种在鼠标移动到某个元素上时(通常为超链接)出现的提示信息。通常很多网站会在链接上添加title属性,这个属性值即为ToolTip中的文本。然而,title属性的提示框样式是完全受操作系统控制的,不能自定义样式,且无法加入图片、超链接等内容。因此,…

    JavaScript 2023年6月10日
    00
  • JS异步代码单元测试之神奇的Promise

    JS异步代码单元测试一直是开发人员要面对的挑战。为了解决这个问题,Promise异步编程模式被引入到JavaScript中,因其简单、灵活和可重用性而受到广泛认可。在本攻略中,我们将深入探讨如何在单元测试中使用Promise,以及如何跟踪异步代码逻辑和处理可能的异步回调。 异步单元测试面临的问题 在传统的单元测试中,我们可以通过直接调用函数、对函数输出结果进…

    JavaScript 2023年5月28日
    00
  • 详解JavaScript中常用操作符的使用

    详解JavaScript中常用操作符的使用 前言 JavaScript中操作符是用来执行各种计算操作的符号,不同的操作符有不同的用途和优先级。在编写JavaScript程序时,我们需要了解各种操作符的使用方法和规则。本文将详细介绍JavaScript中常用操作符的使用。 算术操作符 算术操作符是用于执行基本的算术计算,如加减乘除等操作。下面是常用的算术操作符…

    JavaScript 2023年5月27日
    00
  • vue 手机物理监听键+退出提示代码

    下面我就为大家详细讲解如何实现“vue 手机物理监听键+退出提示代码”。 步骤一:安装依赖和引入插件 首先,我们需要先安装依赖和引入插件。安装依赖可以使用npm或yarn进行安装,本教程使用yarn作为示例(前提是你已经通过npm安装了yarn) yarn add vue-router@latest yarn add -D @vue/cli-plugin-b…

    JavaScript 2023年6月11日
    00
  • JavaScript实现简单的隐藏式侧边栏功能示例

    下面是“JavaScript实现简单的隐藏式侧边栏功能示例”的完整攻略: 一、需求分析 在进行网页设计时,我们往往需要一个侧边栏(Sidebar)来承载一些较为次要的信息或者操作。但是,如果这个侧边栏总是显眼地存在于页面左侧或右侧,难免会妨碍用户的视线,影响页面的美观度。因此,我们需要一种方法来实现一个隐藏式的侧边栏,以达到在需要时展示,不需要时隐藏的效果。…

    JavaScript 2023年6月11日
    00
  • js注入 黑客之路必备!

    JS注入是Web安全领域中非常重要的一个议题,也是Web攻击中常用的一种手段。攻击者可以通过JS注入攻击网站或用户,包括窃取用户信息、篡改网页内容、控制用户会话等。 以下是一个简单的JS注入攻击示例: 攻击目标 我们以一个简单的登录页面(login.html)为目标页面,该页面通过使用jQuery库将用户名和密码传递给后台验证,并在验证失败时显示错误提示。页…

    JavaScript 2023年5月19日
    00
  • 使用Entrust扩展包在laravel 中实现RBAC的功能

    使用Entrust扩展包可以在Laravel中很容易地实现RBAC功能。下面是实现该功能的完整攻略: 1. 安装Entrust扩展包 在Laravel项目中使用Composer安装Entrust扩展包。在命令行运行以下命令: composer require zgldh/entrust 2. 配置Entrust扩展包 接着,你需要在laravel项目中进行配…

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