精心收集的超实用的 JavaScript 代码片段( ES6+ 编写)

追加个快速取整的方法:

 

console.log(~~47.11) // -> 47

console.log(~~1.9999) // -> 1

console.log(~~[]) // -> 0

------------

console.log(20.15|0); // -> 20

console.log((-20.15)|0); // -> -20

------------

console.log(20.15^0); // -> 20

console.log((-20.15)^0); // -> -20

------------

console.log(20.15 < < 0); // -> 20

console.log((-20.15) < < 0); //-20

上面这些按位运算符方法执行很快,当你执行数百万这样的操作非常适用,速度明显优于其他方法。但是代码的可读性比较差。还有一个特别要注意的地方,处理比较大的数字时(当数字范围超出 ±2^31−1 即:2147483647),会有一些异常情况。使用的时候明确的检查输入数值的范围。

来源:你可能不知道的 JavaScript 中数字取整:向上取整,向下取整,四舍五入,舍去小数
---------------------------------

1、单行写一个评级组件

"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码,

 

 

才发现插件什么的都弱爆了

 

来源:来自知乎用户蜗牛老湿的回答

2、如何装逼用代码骂别人SB(!(~+)+{})[--[~+""][+[]]*[~+[]] + ~~!+]+({}+)[[~!+[]]*~+]

 

了解为什么请移步:一行能装逼的JavaScript代码

3、如何用代码优雅的证明自己NB

这个牛逼了 console.log(([[]]+)[+!![]]+(+{})[!+[]+!!])

 

4、JavaScript 错误处理的方式的正确姿势

 

舅服你

try {
something
} catch (e) {
window.location.href =
"http://stackoverflow.com/search?q=[js]+" +
e.message;
}

5、从一行代码里面学点JavaScript

[].forEach.call($$("*"),function(a){
a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
})

翻译成正常语言就是这样的

Array.prototype.forEach.call(document.querySelectorAll('*'),
dom => dom.style.outline = `1px solid #${parseInt(Math.random() *
Math.pow(2,24)).toString(16)}`)

接下来在浏览器控制看看:something magic happens

具体分析请参见这篇文章:从一行代码里面学点JavaScript

6、论如何优雅的取随机字符串

Math.random().toString(16).substring(2) // 13位
Math.random().toString(36).substring(2) // 11位

7、(10)["toString"]() === "10"

解析请移步:js奇淫技巧1

8、匿名函数自执行

这么多写法你选择哪一种?我选择死亡。

( function() {}() );
( function() {} )();
[ function() {}() ];

~ function() {}();
! function() {}();
+ function() {}();
- function() {}();

delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();
new function() {};

var f = function() {}();

1, function() {}();
1 ^ function() {}();
1 > function() {}();
// ...

9、另外一种undefined

从来不需要声明一个变量的值是undefined,因为JavaScript会自动把一个未赋值的变量置为undefined。所有如果你在代码里这么写,会被鄙视的

var data = undefined;

但是如果你就是强迫症发作,一定要再声明一个暂时没有值的变量的时候赋上一个undefined。那你可以考虑这么做:

var data = void 0; // undefined

void在JavaScript中是一个操作符,对传入的操作不执行并且返回undefined。void后面可以跟()来用,例如void(0),看起来是不是很熟悉?没错,在HTML里阻止带href的默认点击操作时,都喜欢把href写成javascript:void(0),实际上也是依靠void操作不执行的意思。

当然,除了出于装逼的原因外,实际用途上不太赞成使用void,因为void的出现是为了兼容早起ECMAScript标准中没有undefined属性。void 0的写法让代码晦涩难懂。

 

10、论如何优雅的取整

var a = ~~2.33

var b= 2.33 | 0

var c= 2.33 >> 0

 

11、如何优雅的实现金钱格式化:1234567890 --> 1,234,567,890

用正则魔法实现:

var test1 = '1234567890'
var format = test1.replace(/\B(?=(\d{3})+(?!\d))/g, ',')

console.log(format) // 1,234,567,890

非正则的优雅实现:

function formatCash(str) {
return str.split('').reverse().reduce((prev, next, index) => {
return ((index % 3) ? next : (next + ',')) + prev
})
}
console.log(formatCash('1234567890')) // 1,234,567,890

 

12、这个我服,还有这个你很机智

我服

while (1) {
alert('牛逼你把我关了啊')
}

你很机智,好一个障眼法

清除缓存: 清除缓存

 

13、逗号运算符

var a = 0;
var b = ( a++, 99 );
console.log(a); // 1
console.log(b); // 99

 

14、论如何最佳的让两个整数交换数值

常规办法:

var a=1,b=2;
a += b;
b = a - b;
a -= b;

缺点也很明显,整型数据溢出,对于32位字符最大表示数字是2147483647,如果是2147483645和2147483646交换就失败了。

黑科技办法:

a ^= b;
b ^= a;
a ^= b;

 

 

本文摘自知乎

链接:https://www.zhihu.com/question/46943112/answer/271299684

 

 

 

你可能感兴趣的:(JavaScript)