强大的加号(+)操作符
2019-11-06 本文已影响0人
Hifun丶
昨天一个技术群里有朋友贴出一个egret的api文档的截图,提出有个地方看不懂,笔者后来回答了该问题,现在问题复原;话不多说上代码;
/**
* 返回位于指定索引处的子显示对象实例。
* @param index 子对象的索引位置。
* @returns 位于指定索引位置处的子显示对象。
* @see #getChildByName()
* @version Egret 2.4
* @platform Web,Native
* @language zh_CN
*/
DisplayObjectContainer.prototype.getChildAt = function (index) {
index = +index | 0;
if (index >= 0 && index < this.$children.length) {
return this.$children[index];
}
else {
true && egret.$error(1007);
return null;
}
};
这是egret.js 的一段代码,我们注意一下该方法的这句:
index = +index | 0;
当时他提出看不懂就是这句;下面我来解释一下为什么这么写和其中的两个知识点;
后半部分,抛开+ 号,其实就是个 按位或 的操作,一个数按位或0 那么得到的还是他本身,这么写是为了取整,例如:
console(1.999 | 0) // 返回值为 1
console(0.11 | 0) // 返回值为0
console(1 | 0) // 返回值为1
我们都知道,两个数的按位或,第一步需要把两个数化为二进制表示,然后按位或,但为什么会有返回这样的值呢? 是因为在进行按位操作的时候,操作数会先转化为2进制的32bit,然后通过无符号右移,取整,然后再进行按位操作。所以就会出现刚才的返回值结果;
位运算的更多内容可以看我的另一篇文档:
位运算的一点理解和运用
好了,第一个部分解释了,接下来说我们本期的主题:另一个知识点 加(+)号操作符:
+号是我们最熟悉的一个操作符了;日常有一下几种用法;
1.加法运算,例如:console.log(1+2); ==>3
2.字符串连接,例如:console.log(“a”+”b”);==>”ab”
稍微高级一点的还有 += 是同时做加法和赋值的,比如:
a += 1; // a = a + 1;
除了这些作用外,神奇的javascript中的加 (+)操作符,还有非常神奇的作用
3、转换数据类型
上网友提供的例子:
// 16进制转换:
+”0xFF”; // -> 255
// 获取当前的时间戳,相当于`new Date().getTime()`:
+new Date();
// 比 parseFloat()/parseInt()更加安全的解析字符串
parseInt(“1,000″); // -> 1, not 1000
+”1,000″; // -> NaN, much better for testing user input
parseInt(“010″); // -> 8, because of the octal literal prefix
+”010″; // -> 10, `Number()` doesn't parse octal literals
//一些简单的缩写比如: if (someVar === null) {someVar = 0};
+null; // -> 0;
// 布尔型转换为整型
+true; // -> 1;
+false; // -> 0;
//其他:
+”1e10″; // -> 10000000000
+”1e-4″; // -> 0.0001
+”-12″; // -> -12:
这么一看就全都明白了;转化类型哪家强,JS中找 + 操作符!:)
还有我们常用到的数字加空字符串的操作就可以将数字转化为字符串:
let n:number = 5;
console.log(typeof(n + "")); // ==> string
当然对于加操作符可能还有一些笔者没有总结到的的使用特性,欢迎留言补充!
我是一个小学生:来自一个矫情的程序员