谈谈JS中的~

前言

最近在阅读Koa2源码，在阅读过程中get到了一些特别的技巧：就是关于~这个家伙的。为此做了一些调研，把学到的东西分享给大家~~

~ 是啥

非科班出身的同学可能会对这个~符号比较懵，这里简单介绍一下（科班同学就可以跳过啦）。~是位运算符的一种,它的作用是按位取反。

我们都知道，计算机其实只认两个符号：0、1，但其实在计算机中，数值一律是用补码来表示和存储，因此位运算也是基于补码运算的。

这里又涉及到了补码的概念，所以简单介绍一下原码、补码：

1. 正数的原码、补码是它本身的二进制
2. 负数的原码是它的二进制，从左往右数第一位作为符号位，1代表负数。如：-1的原码是 1 000 0001
3. 负数的补码是它的原码的非符号位的按位取反加1。举个?：-1的原码是1000 0001 (左边第一个1就是符号位，1代表负数)，除非符号位按位取反加1后是 1 111 1111。

~ 是如何实现的

JS中的~与其他语言中的~略有不同，这里先简单介绍一下比较常规的~。

在对正数进行~操作时：

1. 将正数的原码转换为补码（都是它的二进制啦）
2. 对补码按位取反 （注意二进制第一个符号位，原本是0，代表正数）
3. 正数的补码按位取反后，计算机：你这小子第一位现在是1啊，是个负数的补码
4. 计算机将补码转换为原码（转换规则也是非符号位的按位取反加1）
5. 将原码转换对应进制输出（10进制）

举个实例：

1. 3的原码补码都是 0000 0011
2. 按位取反后 1111 1100
3. 补码转换为原码 1 000 0100
4. 输出10进制：-4

对负数进行~操作时：

1. 将负数的原码转换为补码（强调下：负数的补码是它的原码的非符号位的按位取反加1）
2. 补码按位取反
3. 计算机：你小子原来是个正数啊，原码、补码都一样了，真好办
4. 补码直接输出对应进制

举个实例：

1. -3的原码是 1000 0011
2. -3的补码是 1111 1101
3. 按位取反后 0000 0010
4. 输出10进制：2

总结：~x = -x - 1,如 ~3 = -3-1 = -4 ；~（-3） = 3 - 1 = 2

而在JS里，~会首先对运算对象进行转换为整数的操作，转换规则参考ECMA-262规范的ToInt32。这里简单翻译一下,假设我们输入的参数为input;

1. let number = ToNumber(input) (ToNumber函数定义)
   1. 关于ToNumber简单提一下，如果参数类型是Undefined 返回 NaN
   2. 如果是Null，返回 +0
   3. 如果是布尔值，值为true，返回1，值为false，返回0
   4. 如果是数字，返回它本身
   5. 如果是字符串：参照规则9.3.1，规则比较多，不一一叙述了
   6. 如果是对象：
      1. let primValue = ToPrimitive(inp