您的位置: 翼速应用 > 业内知识 > web前端 > 正文

简单介绍JavaScript中的操作符与表达式,进来看看

本文给大家带来了关于JavaScript的相关知识,一起看看JavaScript中的操作符与表达式,了解一下,希望能够帮助到大家。


简单介绍JavaScript中的操作符与表达式,进来看看


简单介绍JavaScript中的操作符与表达式,进来看看


表达式


原始表达式:


3.14  //数字直接量
"hello world"  //字符串直接量
/pattern/  //正则表达式直接量
 
true  //返回一个布尔值: 真
false  //返回一个布尔值: 假
null  //返回一个值: 空
this  //返回“当前”对象
 
i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字


表达式:操作数以及操作符组合而成。


1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag


操作符


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


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语句的简短形式来使用。


关于JavaScript中的操作符与表达式之简析到这里就结束了,翼速应用平台内有更多相关资讯,欢迎查阅!


我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题