js 系统教程-14-js 运算符之 void 运算符,逗号运算符,运算顺序

目录

void 运算符

void 运算符的作用是执行一个表达式,然后不返回任何值,或者说返回undefined

void 0 // undefined
void(0) // undefined

上面是void运算符的两种写法,都正确。建议采用后一种形式,即总是使用圆括号。

  • href 中插入代码防止网页跳转
<script>
function f() {
  console.log('Hello World');
}
</script>
<a href="http://example.com" onclick="f(); return false;">点击</a>

使用 void

<a href="javascript: void(0);">文字</a>

逗号运算符

逗号运算符用于对两个表达式求值,并返回后一个表达式的值。

'a', 'b' // "b"

var x = 0;
var y = (x++, 10);
x // 1
y // 10
  • 辅助操作

逗号运算符的一个用途是,在返回一个值之前,进行一些辅助操作。

var value = (console.log('Hi!'), true);
// Hi!

value // true

运算顺序

优先级

JavaScript 各种运算符的优先级别(Operator Precedence)是不一样的。优先级高的运算符先执行,优先级低的运算符后执行。

4 + 5 * 6 // 34

上面的代码中,乘法运算符(*)的优先性高于加法运算符(+),所以先执行乘法,再执行加法,相当于下面这样。

4 + (5 * 6) // 34

记住所有运算符的优先级,是非常难的,也是没有必要的。

圆括号的作用

圆括号(())可以用来提高运算的优先级,因为它的优先级是最高的,即圆括号中的表达式会第一个运算。

(4 + 5) * 6 // 54

运算符的优先级别十分繁杂,且都是硬性规定,因此建议总是使用圆括号,保证运算顺序清晰可读,这对代码的维护和除错至关重要。

顺便说一下,圆括号不是运算符,而是一种语法结构。它一共有两种用法:一种是把表达式放在圆括号之中,提升运算的优先级;另一种是跟在函数的后面,作用是调用函数。

  • 表达式

这也意味着,如果整个表达式都放在圆括号之中,那么不会有任何效果。

(exprssion)
// 等同于
expression
  • 函数

函数放在圆括号中,会返回函数本身。如果圆括号紧跟在函数的后面,就表示调用函数。

function f() {
  return 1;
}

(f) // function f(){return 1;}
f() // 1
  • 如果放置语句,则会报错
(var a = 1)
// SyntaxError: Unexpected token var

左结合与右结合

对于优先级别相同的运算符,大多数情况,计算顺序总是从左到右,这叫做运算符的“左结合”(left-to-right associativity),即从左边开始计算。

x + y + z

但是少数运算符的计算顺序是从右到左,即从右边开始计算,这叫做运算符的“右结合”(right-to-left associativity)。

其中,最主要的是赋值运算符(=)和三元条件运算符(?:)。

w = x = y = z;
q = a ? b : c ? d : e ? f : g;

相当于

w = (x = (y = z));
q = a ? b : (c ? d : (e ? f : g));

原文地址

原文地址

本教程采用知识共享 署名-相同方式共享 3.0协议

目录导航

目录导航

猜你喜欢

转载自blog.csdn.net/ryo1060732496/article/details/81080551
今日推荐