JavaScript入门教程笔记(10)-运算符

水深无声 2022-04-06 05:17 152阅读 0赞

## 1 概述 ##

JavaScript 提供了10种算术运算符，用来完成基本的算术运算。

*  加法运算符：x + y
 *  减法运算符： x - y
 *  乘法运算符： x \* y
 *  除法运算符：x / y
 *  指数运算符：x \*\* y
 *  余数运算符：x % y
 *  自增运算符：++ x 或者 x ++
 *  自减运算符：–x 或者 x–
 *  数值运算符： +x
 *  负数值运算符：-x

这些运算符的使用方法和其它语言的差不多，本文只介绍几处有用的重点。

## 2 加法运算符 ##

加法运算符（+）一般用来求两个数值的和。如果是两个字符串相加，将会把两个字符串连接在一起。

1 + 2 // 3
    true + true // 2
    1 + 'a' // "1a"
    'a' + 'bc' // "abc"

加法运算符到底是执行相加，还是执行连接，是根据不同的运算子在运行时决定的。

'1' + 2 + 3 // "123"
    1 + 2 + '3' // '33'

上面代码中，由于从左到右的运算次序，产生不同的执行结果。

## 3 指数运算符 ##

指数运算符（\*\*）完成指数运算，前一个运算子是底数，后一个运算子是指数。

2 ** 4 // 16
    // 相当于 2 ** (3 ** 2)
    2 ** 3 ** 2 // 512

注意，指数运算符是右结合，而不是左结合。

## 4 或运算符（||） ##

或运算符常用于为一个变量设置默认值。

function saveText(text) {
      text = text || '';
      // ...
    }
    
    // 或者写成
    saveText(this.text || '')

上面代码表示，如果函数调用时，没有提供参数，则该参数默认设置为空字符串。

## 5 位运算符 ##

前面介绍过，JavaScript内部的数值都是以64位浮点数的形式储存，但是做位运算的时候，是以32位带符号的整数进行运算的，并且返回值也是一个32位带符号的整数。

#### 二进制或运算（|） ####

i = i | 0;

上面这行代码，就是将i（不管是整数或小数）转为32位整数。

利用这个特性，可以写出一个函数，将任意数值转为32位整数。

function toInt32(x) {
      return x | 0;
    }
    
    toInt32(1.001) // 1
    toInt32(-9.999) // -9

上面这个函数将任意值与0进行一次或运算，这个位运算会自动将一个值转为32位整数。

#### 二进制否运算符（~） ####

否运算符（~）将每个二进制位都变为相反值（0变为1,1变为0）。

对一个整数连续两次二进制否运算，得到它自身。

~~3 // 3

因为所有的位运算都只对整数有效。二进制否运算遇到小数时，也会将小数部分舍去，只保留整数部分。所以，对一个小数连续进行两次二进制否运算，能达到取整效果。

~~2.9 // 2
    ~~47.11 // 47
    ~~1.9999 // 1
    ~~3 // 3

使用二进制否运算取整，是所有取整方法中最快的一种。

#### 异或运算符（^） ####

异或运算（^）在两个二进制位不同时返回1，相同时返回0。

0 ^ 3 // 3

上面表达式中，0（二进制00）与3（二进制11）进行异或运算，它们每一个二进制位都不同，所以得到11（即3）。

“异或运算”有一个特殊运用，连续对两个数a和b进行三次异或运算，a^=b; b^=a; a^=b;，可以互换它们的值。这意味着，使用“异或运算”可以在不引入临时变量的前提下，互换两个变量的值。

var a = 10;
    var b = 99;
    
    a ^= b, b ^= a, a ^= b;
    
    a // 99
    b // 10

这是互换两个变量的值的最快方法。

异或运算也可以用来取整。

9.99 ^ 0 // 9

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关入门前端-《JavaScript 语言入门教程-运算符》

算术运算符除了加法运算符，其他算术运算符（比如减法、除法和乘法）都不会发生重载。它们的规则是：所有运算子一律转为数值，再进行相应的数学运算。 true + t

待我称王封你为后i/ 2022年11月11日 14:50/ 0 赞/ 148 阅读

相关 JavaScript入门教程笔记(1)-数据类型

JavaScript共有6种数据类型，分别是：数值 (number)：整数和小数。字符串 (string)：文本。布尔值 (boolean)：true

我不是女神ヾ/ 2022年04月18日 02:36/ 0 赞/ 417 阅读

相关 JavaScript入门教程笔记(3)-数值

整数和浮点数 JavaScript内部，所有数字都是以64位浮点数形式存储，即使整数也是如此。所以，1与1.0是相等的，是同一个数。 1 === 1.0 //

╰半夏微凉°/ 2022年04月17日 01:15/ 0 赞/ 201 阅读

相关 JavaScript入门教程笔记(5)-字符串

定义字符串就是放在单引号或双引号之中的若干个字符。单引号字符串的内部可以使用双引号，双引号字符串的内部可以使用单引号。 'abc' "abc"

柔情只为你懂/ 2022年04月16日 02:50/ 0 赞/ 190 阅读

相关 JavaScript入门教程笔记(6)-对象

1 概述 1.1 定义对象（object）是JavaScript语言的核心概念，也是最重要的数据类型。简单说，对象就是一组“键值对”的集合，是一种无序的复合数据集

￡神魔★判官ぃ/ 2022年04月15日 01:13/ 0 赞/ 206 阅读

相关 JavaScript入门教程笔记(7)-函数

1 概述函数是一段可以反复调用的代码，它接受不同的输入参数，返回不同的值。 1.1 函数的声明有两种常用的声明方法。 (1) function命令 f

本是古典何须时尚/ 2022年04月14日 01:52/ 0 赞/ 183 阅读

相关 JavaScript入门教程笔记(9)-数组

1 定义数组（array）是按次序排列的一组值。每个值的的位置都有编号（从0开始），整个数组用方括号表示。 var arr = ['a', 'b', 'c']

旧城等待，/ 2022年04月12日 06:01/ 0 赞/ 152 阅读

相关 JavaScript入门教程笔记(11)-this关键字

1 定义 this关键字是一个非常重要的语法点，不理解它的含义，大部分开发任务都很难完成。无论什么场合，this总是返回一个对象。简单说，this就是属性或方法“当前

╰+哭是因爲堅強的太久メ/ 2022年04月08日 15:49/ 0 赞/ 156 阅读

相关 JavaScript入门教程笔记(10)-运算符

1 概述 JavaScript 提供了10种算术运算符，用来完成基本的算术运算。加法运算符：x + y 减法运算符： x - y 乘法运算符： x

水深无声/ 2022年04月06日 05:17/ 0 赞/ 153 阅读

相关 JavaScript入门教程笔记(16)-定时器

JavaScript中定时执行代码的功能，叫做定时器（timer），主要有setTimeout和setInterval两个方法。 1 setTimeout() setT

﹏ヽ暗。殇╰゛Y/ 2022年03月31日 09:40/ 0 赞/ 213 阅读