Javascript为人不知的一面---冷(黑)知(科)识(技)

乘方/开方
我们都知道Math对于乘方提供了一个Math.pow(base, exponent)用于乘方，但是对于开方只提供了一个sqrt开平方根，对于任意次方没有提供方法。
但是学过数学的都知道一个数的n次方根等于这个数的1/n次方。
So，可以利用Math.pow(base, 1/exponent)进行开方。
当然，这并不是重点，重点是可以利用 ** 代替Math.pow。同样我们知道有 +=,-=,*=,/= 等计算赋值操作，对于 **= 同样可以。
console.log(2 ** 4); // 16 (2的4次方)
console.log(27 ** (1/3)); // 3 (27的3次方根)
var a = 2;
a **= 3; // 8 (2的3次方)
console.log(a); // 8

indexOf/lastIndexOf第二个参数
indexOf/lastIndexOf用于从左到右/从右到左查找一个字符(串)在另一个字符串中的第一次出现的索引或则-1(如果没找到)。如果添加第二个参数则从第二个参数的位置开始查找(包含这个值)，查找之后第一次出现的位置。
var str = '000a1a2a3bbbccc';
str.indexOf('a', 3); // 3
str.indexOf('a', 4); // 5 索引4为字符串...a1...1的位置，之后第一次出现在...a2...的a的位置str.lastIndexOf('a'); // 7 从右往左第一次出现在...a3...的a位置 索引为7
str.lastIndexOf('a', 6); // 5 索引6为字符串...a2...2的位置，从右往左之后第一次出现的位置为...a2...a的位置
注意，lastIndexOf返回值和第二个参数查找起始位置还是从左往右数，所谓索引都是从左往右从0开始。

地址栏运行js
在地址栏输入javascript:/* code */;是可以直接执行的，例如 javascript: alert(1);;而且可以发现当前页面并不会跳转。而且我们又知道location.href可以改变浏览器当前的地址栏。
注意：复制粘贴需要补充javascript: 这个默认会被浏览器裁剪掉。
那么我们就可以利用这点来解析运行js字符串。
var str = 'console.log(1);';
location.href = 'javascript:' + str;
JSON字符串解析：
var JSONstr = '{a: 1, b: 2, c: "abc"}';
location.href = 'javascript: var test=(' + JSONstr + ')';
console.log(test); // Object {a: 1, b: 2, c: "abc"}

JS字符串解析并运行
var str = 'console.log("test js string!");';
// 方式1 location.href 上面已经说清楚了
location.href = 'javascript:' + str;
// 方式2 eval 这个不用多说
eval(str);
// 方式3 new Function 这个也不多说，应该都知道
new Function(str)();
// 方式4 Workervar blob = new Blob([str]); // 转为二进制var url = window.URL.createObjectURL(blob); // 生成URL
new Worker(url); // 创建worker
// 方式5 script标签innerHTML
var dom = document.createElement('script');
dom.innerHTML = str;
document.head.appendChild(dom);
// 方式6 script标签src
var blob = new Blob([str]); // 转为二进制
var url = window.URL.createObjectURL(blob); // 生成URL
var dom = document.createElement('script');
dom.src = url;
document.head.appendChild(dom);
// 方式7 native code
// 使用任意native code 函数 比如[].push Math.max等 这个实际上还是利用的new Function
[].push.constructor(str)();
Math.max.constructor(str)();

注意，方式4和方式6 利用了动态的URL，必须在有服务器的前提下才能使用，请直接在本站或则打开一个百度什么的页面的控制台进行测试。

switch条件判断
switch可以为定值，case可以为表达式，例如针对分数输出段位：
function test(s) {
switch (true) {
case s > 90: console.log('钻石'); break;
case s > 80: console.log('铂金'); break;
case s > 70: console.log('黄金'); break;
case s > 60: console.log('白银'); break;
case s > 50: console.log('青铜'); break;
default: console.log('塑料');
}
}
test(90); // 铂金
test(60); // 青铜
注意：switch和case的表达式判断时用的 === 恒等。
switch (1) {case 1: console.log('===');} // ===
switch (1) {case '1': console.log('==');} // 无输出

顶两下

留

你在水吗

顶顶

Object.is 用于判断比较
Object.is(a, b) 判断 a === b，用恒等判断。但是有两个例外。
Object.is(+0, -0); // false
+0 === -0; // true
Object.is(NaN, NaN); // true
NaN === NaN; // false

数字方法调用
Number类型的数字也有很多方法，如果存在一个变量里面我们可以直接用a.toString等方式去调用数字的方法，但是对于直接写上去的数字1.toString就会报错。但是1.1.toString()又可以正常运行。
JS在解析数字的时候会把第一个点当成小数点。所以可以利用1..toString()来执行，当然也可以加一个括号(1).toString()，但明显两个点写上去顺手一些。