前言
最近在阅读Koa2源码,在阅读过程中get到了一些特别的技巧:就是关于~这个家伙的。为此做了一些调研,把学到的东西分享给大家~~
~ 是啥
非科班出身的同学可能会对这个~符号比较懵,这里简单介绍一下(科班同学就可以跳过啦)。~是位运算符的一种,它的作用是按位取反。
我们都知道,计算机其实只认两个符号:0、1,但其实在计算机中,数值一律是用补码来表示和存储,因此位运算也是基于补码运算的。
这里又涉及到了补码的概念,所以简单介绍一下原码、补码:
- 正数的原码、补码是它本身的二进制
- 负数的原码是它的二进制,从左往右数第一位作为符号位,1代表负数。如:-1的原码是 1 000 0001
- 负数的补码是它的原码的非符号位的按位取反加1。举个?:-1的原码是1000 0001 (左边第一个1就是符号位,1代表负数),除非符号位按位取反加1后是 1 111 1111。
~ 是如何实现的
JS中的~与其他语言中的~略有不同,这里先简单介绍一下比较常规的~。
在对正数进行~操作时:
- 将正数的原码转换为补码(都是它的二进制啦)
- 对补码按位取反 (注意二进制第一个符号位,原本是0,代表正数)
- 正数的补码按位取反后,计算机:你这小子第一位现在是1啊,是个负数的补码
- 计算机将补码转换为原码(转换规则也是非符号位的按位取反加1)
- 将原码转换对应进制输出(10进制)
举个实例:
- 3的原码补码都是 0000 0011
- 按位取反后 1111 1100
- 补码转换为原码 1 000 0100
- 输出10进制:-4
对负数进行~操作时:
- 将负数的原码转换为补码(强调下:负数的补码是它的原码的非符号位的按位取反加1)
- 补码按位取反
- 计算机:你小子原来是个正数啊,原码、补码都一样了,真好办
- 补码直接输出对应进制
举个实例:
- -3的原码是 1000 0011
- -3的补码是 1111 1101
- 按位取反后 0000 0010
- 输出10进制:2
总结:~x = -x - 1,如 ~3 = -3-1 = -4 ;~(-3) = 3 - 1 = 2
而在JS里,~会首先对运算对象进行转换为整数的操作,转换规则参考ECMA-262规范的ToInt32。这里简单翻译一下,假设我们输入的参数为input;