ECMAScript脚本语言规范操作符的分析介绍,一篇文章弄懂ECMAScript中的操作符,一元加和减操作符主要用于基本的算术运算，也可以用于转换数据类型，即在对非数值应用一元操作符时，该操作符会像Number()转型函数一样对这个值执行转换。布尔值false和true将被转换为0和1，字符串值会被按照一组特殊的规则进行解析，对象是先调用它们的valueOf()或toString()方法，再转换得到的值。逻辑非。由一个英文叹号(!)表示，可以用于ECMAScript中的任何值。无论操作数是个什么数据类型，这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值，然后对其求反。

 

一元操作符

只能操作一个值的操作符叫做一元操作符

递增和递减。递增和递减操作符借鉴自C，而且有两个版本：前置型和后置型

var age = 29;
var anotherAge = --age + 2
console.log(age) // 28
console.log(anotherAge) // 30

后置型：操作符位于要操作的变量之后。后置型递增和递减操作是在包含它们的语句被求值之后才执行的

var num1 - 2;
var num2 = 20
var num3 = num1-- + num2; // 22
var num4 = num1 + num2; // 21

以上4个操作符对任何值都适用，即可以用于字符串、布尔值、浮点数值和对象。遵循下列规则：

上述规则验证：

var s1 = "2";
var s2 = "z";
var b = false;
var f = 1.1;
var o = {
    valueOf: function () {
        return -1
    }
}
console.log(s1++); // 2
console.log(s1); // 3
console.log(s2++); // NaN
console.log(s2); // NaN
console.log(b++); // 0
console.log(b); // 1
console.log(f--); // 1.1
console.log(f); // 0.1000000000000009
console.log(o--); // -1
console.log(o); // -2

一元加和减操作符

一元加和减操作符主要用于基本的算术运算，也可以用于转换数据类型，即在对非数值应用一元操作符时，该操作符会像Number()转型函数一样对这个值执行转换。布尔值false和true将被转换为0和1，字符串值会被按照一组特殊的规则进行解析，对象是先调用它们的valueOf()或toString()方法，再转换得到的值。以一元加操作符为例：

var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
    valueOf: function () {
        return -1
    }
}
s1 = +s1
s2 = +s2
s3 = +s3
b = +b
f = +f
o = +o
console.log(s1) // 1
console.log(s2) // 1.1
console.log(s3) // NaN
console.log(b) // 0
console.log(f) // 1.1
console.log(o) // -1

 

布尔操作符

布尔操作符一共有3个：非（NOT）、与（AND）和或（OR）

1、逻辑非。由一个英文叹号(!)表示，可以用于ECMAScript中的任何值。无论操作数是个什么数据类型，这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值，然后对其求反。遵循一下规则

console.log(!false); // true
console.log(!"blue"); // false
console.log(!""); // true
console.log(!0); // true
console.log(!undefined); // true
console.log(!null); // true
console.log(!NaN); // true
console.log(!12345); false

2、逻辑与。操作符由两个和号（&&）表示，有两个操作数。逻辑与操作可以应用与任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值；此时，它遵循以下规则：

逻辑与操作属于短路操作，即如果第一个操作数能够决定结果，那么就不会再对第二个操作数求值

3、逻辑或。操作符由两个竖线符号(||)表示，有两个操作数。与逻辑与操作相似，如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值；此时，它遵循以下规则：

与逻辑与操作符相似，逻辑或操作符也是短路操作。也就是说，如果第一个操作数的求值结果为true，就不会对第二个操作数求值了

 

乘性操作符

ECMAScript定义了3个乘性操作符：乘法、除法和求模。如果参与乘性计算的某个操作数不是数值，后台会先使用Number()转型函数将其转换为数值，如：空字符串将被当作0，布尔值true将被当作1

1、乘法。操作符由一个星号(*)表示，用于计算两个数值的乘积。在处理特殊值情况下，乘法操作符遵循下列特殊的规则：

2、除法。操作符由一个斜线符号(/)表示，执行第二个操作数除第一个操作数的计算。遵循一下规则：

3、求模（余数）。操作符由一个百分号(%)表示。遵循以下规则：

 

加性操作符

与乘性操作符类似，加性操作符也会在后台转换不同的数据类型。

1、加法。加法操作符由加号（+）表示。如果两个操作数都是数值，执行常规的加法计算，然后根据下列规则返回结果：

如果有一个操作数是字符串，那么就要应用如下规则：

2、减法。减法操作符由减号（-）表示，与加法操作符类似，遵循以下规则：

var result1 = 5 - true
var result2 = NaN - 1
var result3 = 5 - 3
var result4 = 5 - ""
var result5 = 5 - "2"
var result6 = 5 - null
console.log(result1) // 4, true被转换为1
console.log(result2) // NaN
console.log(result3) // 2
console.log(result4) // 5, 空字符串被转换为0
console.log(result5) // 3，字符串2被转换为数字2
console.log(result6) // 5，因为null被转换为了0

 

关系操作符

关系操作符有小于（<）、大于（>）、小于等于（<=）和大于等于（>=）四个关系比较。当关系操作符的操作数使用了非数值时，也要进行数据转换或完成某些奇怪的操作。相应规则如下：

在比较字符串时，实际比较的是两个字符串中对应位置的每个字符的字符编码值。经过这么一番比较之后，再返回一个布尔值。大写字母的字符编码小于小写字母的字符编码。

 

相等操作符

两组操作符：相等和不相等——先转换再比较；全等和不全等——仅比较而不转换

1、相等和不相等。相等操作符由两个等于号（==）表示，如果两个操作数相等，则返回true；不相等操作符由叹号后跟等于号（!=）表示，如果两个操作数不相等，则返回true。这两个操作符都会先转换操作数（通常称为强制转型），然后再比较它们的相等性。在转换不同数据类型时，遵循以下基本规则：

这两个操作符在进行比较时要遵循下列规则

2、全等和不全等。全等操作符由3个等于号（===）表示，它只在两个操作数未经转换就相等的情况下返回true。不全等操作符有一个叹号后跟两个等于号（!==）表示，它在两个操作数未经转换就不相等的情况下返回true。

var result1 = ("55" == 55)
var result2 = ("55" === 55)
var result3 = ("55" != 55)
var result4 = ("55" !== 55)
console.log(result1) // true
console.log(result2) // false
console.log(result3) // false
console.log(result4) // true

 

条件操作符

语法：var max = (num1 > num2) ? num1 : num2

以上例子中，max中将会保存一个最大的值，表达式的意思是：如果num1大于num2（关系表达式返回true），则将num1的值赋给max；如果num1小于或等于num2（关系表达式返回false），则将num2的值赋给max

 

赋值操作符

赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。如果在等号前面再添加乘性操作符、加性操作符或位操作符，就可以完成复合赋值操作。每个主要的算术操作符（以及个别的其他操作符）都有对应的复合赋值操作符。这些操作符如下所示：

 

逗号操作符

逗号操作符可以在一条语句中执行多个操作，如：var num1=1, num2=2, num3=3; 。

逗号操作符还可以用于赋值，在用于赋值时，逗号操作符总会返回表达式中的最后一项。如：var num= (5, 6, 1, 4, 7, 0); // num值为0

 

总结

到此这篇关于ECMAScript中操作符的文章就介绍到这了,更多相关ECMAScript操作符内容请搜索元马网以前的文章或继续浏览下面的相关文章希望大家以后多多支持元马网！
ECMAScript脚本语言规范操作符的分析介绍,一篇文章弄懂ECMAScript中的操作符相关文章内容介绍。


文章TAG：ECMAScript  操作符  脚本语言规范  脚本语言  
下一篇