资讯专栏INFORMATION COLUMN

重新巩固JS(二)——JavaScript操作符与表达式

DoINsiSt / 1849人阅读

摘要:重新巩固系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第二篇。关系运算符用于比较操作符左右的操作数的大小。逻辑运算符主要通过与或非来判断一个表达式的值是否为。注意与和或操作具有短路计算效果。

重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第二篇。

其他JS重新巩固系列:

重新巩固JS(一)——JavaScript基本类型

重新巩固JS(三)——JavaScript语句

1.表达式 1.1原始表达式
3.14  //数字直接量
"hello world"  //字符串直接量
/pattern/  //正则表达式直接量

true  //返回一个布尔值: 真
false  //返回一个布尔值: 假
null  //返回一个值: 空
this  //返回“当前”对象

i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字
1.2表达式

操作数以及操作符组合而成。

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag 
2.操作符

算术运算符+, -, *, /, %, **): 普通的加、减、乘、除、取余运算,其中**次方运算符

 3 ** 2 // 结果为:9

一元运算符++, --, +, -): 一些只需要一个操作数的运算符,注意++, --放在变量左右侧的差别,放在变量的左侧是先自增(减),再取值,放在右侧则相反。

let a = 2, y, z;
y = ++a // 先执行a = a + 1, 得到 a = 3, 然后将a赋值给y,则y = 3
z = a++ // 接上面a = 3, 将a赋值给z,则z = 3,然后再执行 a = a + 1, 得到a = 4

//一元正号(+)
+3  //3
+"3"  //3
+true  //1
+functioan(a){return a}  //NaN

赋值运算符=, +=, -=, *=, /=, %=):将某个常量或变量或表达式的值赋值给另一个变量,注意:ES6新增的解构赋值

//解构数组
let [a, b, c] = ["one", "two", "three"]  // a = "one", b = "two", c = "three"
//解构对象
let { name, age } = { name: "cc", age: 100 }  // name = "cc", age = 100

相等运算符==, !=, ===, !==):用于比较左右的操作数是否相等。可参考:JS比较运算符(“===”和“==”)的匹配规则以及if()条件的判断结果。

关系运算符>, <, >=, <=): 用于比较操作符左右的操作数的大小。

位操作符&, |, ~, ^, <<, >>, >>>): 将其操作数转化为二进制后,进行与、或、非、异或等操作运算,最终返回JS中的一个数值。其中>>>无符号右移

逻辑运算符&&, ||, !): 主要通过与、或、非来判断一个表达式的值是否为true。注意:与和或操作具有短路计算效果。

//短路计算
false && (anything) // 结果为false
true || (anything) // 结果为anything

//方法1: 设置x的缺省值
function test(x) {
    x = x || 100
}
test(10)  //x = 10
test()  // x = 100

// 方法2: ES6的方式
function test(x = 100) {
 ...
}
test(10)  //x = 10
test()  // x = 100

条件运算符");): JS中唯一一个有3个运算数的运算符,一般用于if语句的简短形式来使用。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/6985.html

相关文章

  • 重新巩固JS(三)——JavaScript语句

    摘要:重新巩固系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第三篇。其中,部分可以省略条件语句语句例子为,小于但大于,故输出语句当表达式的值等于值时,执行语句,遇到语句则跳出语句,若都没匹配到值,则执行中的语句。重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第三篇。 其他JS重新巩固系列: 重新巩固JS(一)——JavaScript基本类型 重新巩固JS(二)...

    tunny 评论0 收藏0
  • 重新巩固JS(一)——JavaScript基本类型

    摘要:对象类型除了原始类型的值以外,其他都是对象。例如对象有属性,值为,还有属性,值为重要的特殊对象特殊对象函数数组日期正则全局错误。重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第一篇。 其他JS重新巩固系列: 重新巩固JS(二)——JavaScript操作符与表达式 重新巩固JS(三)——JavaScript语句 JavaScript基本类型 在编程领域中,数据类型...

    pingan8787 评论0 收藏0
  • 正则系列——JavaScript正则达式基础语法巩固

    摘要:基础语法巩固正则表达式引擎根据正则去匹配字符的时候,是通过检查索引的方式。妻原配就是好,可以直接使用正则表达式调用它。下面解释一下上面这些常用的元字符查找单个字符,除了换行和行结束符。正则系列文章整理到了 上一章内容:正则表达式实战篇 知识回顾 前2章分别学习了正则表达式入门技巧,以及遇到正则需求该如何去分析问题,还有正则表达式实战的一些场景解释。 这一章内容偏向理论,推荐你点击开头的...

    phodal 评论0 收藏0
  • 基础巩固JavaScript基础总结(基本概念篇)

    摘要:基础巩固基础总结使用已经好几年了,由于工作主要是做服务端开发,在工作中逐渐发现的使用范围原来越广泛。这里要注意,务必将基础部分掌握牢靠,磨刀不误砍柴功,只有将基础部分掌握并建立起系统的知识体系,在后面学习衍生的其他模式才能游刃有余。 基础巩固:JavaScript基础总结 使用JavaScript已经好几年了,由于工作主要是做服务端开发,在工作中逐渐发现JavaScript的使用范围原...

    YuboonaZhang 评论0 收藏0

发表评论

0条评论

DoINsiSt

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<