这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已 #24

jawil · 2017-08-20T02:40:12Z

Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的，补充送那啥邀请码。

本文秉承着：你看不懂是你SB，我写的代码就要牛逼。

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) 
Math.random().toString(36).substring(2)

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('牛逼你把我关了啊')
}

你很机智，好一个障眼法

清除缓存： <a href="javascript:alert('清除成功');">清除缓存</a>

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;

哈哈😄，看不懂的童鞋建议去补习一下C语言的位操作，我就不去复习了，以前学嵌入式时候学的位操作都忘了

15、实现标准JSON的深拷贝

var a = {
    a: 1,
    b: { c: 1, d: 2 }
}
var b=JSON.parse(JSON.stringify(a))

不考虑IE的情况下，标准JSON格式的对象蛮实用，不过对于undefined和function的会忽略掉。

16、不用Number、parseInt和parseFloat和方法把"1"字符串转换成数字

哈哈，不准用强制类型转换，那么就想到了强大了隐式转换

var a =1 
+a

17、如何装逼的写出"hello world!"

滚动条很长哦😯

([]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+(!![]+[])[+[]]+([][[]]+[])[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]])())[+[]]+([][[]]+[])[!+[]+!![]+!![]]+(![]+[])[!+[]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+([][[]]+[])[+[]]+([][[]]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(![]+[])[!+[]+!![]+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+([]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+(!![]+[])[+[]]+([][[]]+[])[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]])())[!+[]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]])()([][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(![]+[])[!+[]+!![]+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+([]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+(!![]+[])[+[]]+([][[]]+[])[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]])())[!+[]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]])()(([]+{})[+[]])[+[]]+(!+[]+!![]+!![]+!![]+!![]+!![]+!![]+[])+(!+[]+!![]+!![]+!![]+!![]+!![]+!![]+[]))+([]+{})[+!![]]+(!![]+[])[+!![]]+(![]+[])[!+[]+!![]]+([][[]]+[])[!+[]+!![]]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+([][[]]+[])[+[]]+([][[]]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(![]+[])[!+[]+!![]+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+([]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+(!![]+[])[+[]]+([][[]]+[])[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]])())[!+[]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]])()([][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(![]+[])[!+[]+!![]+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+([]+[][(![]+[])[!+[]+!![]+!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]][([]+{})[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]]+(![]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+[]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(!![]+[])[+[]]+([]+{})[+!![]]+(!![]+[])[+!![]]]((!![]+[])[+!![]]+([][[]]+[])[!+[]+!![]+!![]]+(!![]+[])[+[]]+([][[]]+[])[+[]]+(!![]+[])[+!![]]+([][[]]+[])[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]+!![]+!![]]+(![]+[])[!+[]+!![]]+([]+{})[+!![]]+([]+{})[!+[]+!![]+!![]+!![]+!![]]+(+{}+[])[+!![]]+(!![]+[])[+[]]+([][[]]+[])[!+[]+!![]+!![]+!![]+!![]]+([]+{})[+!![]]+([][[]]+[])[+!![]])())[!+[]+!![]+!![]]+([][[]]+[])[!+[]+!![]+!![]])()(([]+{})[+[]])[+[]]+(!+[]+!![]+[])+(+!![]+[]))

居然能运行，牛逼的隐式转换

18、parseInt(0.0000008) === 8

19、++[[]][+[]]+[+[]] == 10

强大的隐式转换，23333

20、0.1 + 0.2 == 0.3

0.1 +0.2 == 0.3 竟然是不成立的。。。。所以这就是为什么数据库存储对于货币的最小单位都是分。

简单说，0.1和0.2的二进制浮点表示都不是精确的，所以相加后不是0.3，接近（不等于）
0.30000000000000004。

所以，比较数字时，应该有个宽容值。ES6中这个宽容值被预定义了：Number.EPSILON。

21、最短的代码实现数组去重

[...new Set([1, "1", 2, 1, 1, 3])]

前不久面试阿里就问了这道题，哈哈，所以也写上一下

22、用最短的代码实现一个长度为m(6)且值都n(8)的数组

Array(6).fill(8)

这个够短了吧，好像是当初哪里看到的一个面试题，就自己想到了ES6的一些API

23、短路表达式

条件判断

var a = b && 1
    // 相当于
if (b) {
    a = 1
} else {
    a = b
}

var a = b || 1
    // 相当于
if (b) {
    a = b
} else {
    a = 1
}

24、JavaScript版迷宫

逃出迷宫，2333

25、取出一个数组中的最大值和最小值

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; 
var maxInNumbers = Math.max.apply(Math, numbers); 
var minInNumbers = Math.min.apply(Math, numbers);

26、将argruments对象转换成数组

var argArray = Array.prototype.slice.call(arguments);

或者ES6：

var argArray = Array.from(arguments)

27、javascript高逼格之Function构造函数

很多JavaScript教程都告诉我们，不要直接用内置对象的构造函数来创建基本变量，例如var arr = new Array(2); 的写法就应该用var arr = [1, 2];的写法来取代。

但是，Function构造函数（注意是大写的Function）有点特别。Function构造函数接受的参数中，第一个是要传入的参数名，第二个是函数内的代码（用字符串来表示）。

var f = new Function('a', 'alert(a)');
f('jawil'); // 将会弹出窗口显示jawil

这种方式可以根据传入字符串内容来创建一个函数是不是高大上？！

28、从一个数组中找到一个数，O(n)的算法，找不到就返回 null。

正常的版本:

function find (x, y) {
  for ( let i = 0; i < x.length; i++ ) {
    if ( x[i] == y ) return i;
  }
  return null;
}
 
let arr = [0,1,2,3,4,5]
console.log(find(arr, 2))
console.log(find(arr, 8))

结果到了函数式成了下面这个样子（好像上面的那些代码在下面若影若现，不过又有点不太一样，为了消掉if语言，让其看上去更像一个表达式，动用了 ? 号表达式）：

//函数式的版本
const find = ( f => f(f) ) ( f =>
  (next => (x, y, i = 0) =>
    ( i >= x.length) ?  null :
      ( x[i] == y ) ? i :
        next(x, y, i+1))((...args) =>
          (f(f))(...args)))
 
let arr = [0,1,2,3,4,5]
console.log(find(arr, 2))
console.log(find(arr, 8))

如何读懂并写出装逼的函数式代码

最后奉劝大家一句：莫装逼、白了少年头，2333。。。原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。

The text was updated successfully, but these errors were encountered:

GreatAuk · 2017-08-20T03:27:09Z

知乎上的？

shendengnian · 2017-08-20T03:34:14Z

我是沙发

jawil · 2017-08-20T03:34:22Z

Quora上的？ @GreatAuk

muzea · 2017-08-20T03:36:06Z

格式化钱那个为啥不用 toLocaleString ？

jawil · 2017-08-20T03:38:00Z

咋用，还请赐教。@muzea

chaoren1641 · 2017-08-20T03:45:02Z

杀死那个装逼的 😆

muzea · 2017-08-20T04:42:06Z

@jawil

(23333333).toLocaleString('en-US')

Germxu · 2017-08-20T04:43:37Z

🐸真正的大佬。。。

jawil · 2017-08-20T04:44:45Z

学习了，6666，我知道那些感觉都弱爆了。。。 @muzea

joe223 · 2017-08-20T04:52:07Z

2333 that's greateeeeee

violaY33 · 2017-08-20T04:54:16Z

竟还有这种操作 😳

joe223 · 2017-08-20T04:59:05Z

还有个布尔值的处理 eg:!!0 === false

fXy-during · 2017-08-20T05:20:32Z

让js脚本永远不报错的方法：
window.onerror = function(m, f, l){ return true }

szu-bee · 2017-08-20T05:42:40Z

第14条可以

let a = 1, b = 2;
[a, b] = [b, a];

jawil · 2017-08-20T05:43:54Z

666，ES6还是强大方便 @szu-bee

DemonCloud · 2017-08-20T06:01:16Z

RGB to Hex

function toHEX(rgb){
	return ((1<<24) + (rgb.r<<16) + (rgb.g<<8) + rgb.b).toString(16).substr(1);
}

这篇文章没什么很实用的干货。

hfuuss · 2017-08-20T08:39:54Z

很强

joe223 · 2017-08-20T09:10:20Z

关于JSON.parse的深度拷贝中，Date类型也会被更改，由Date对象变为String

fanshunyu · 2017-08-20T12:31:41Z

很强！

zanjs · 2017-08-20T13:10:21Z

666

ruooooooli · 2017-08-20T13:16:53Z

666

QDMarkMan · 2017-08-20T13:52:15Z

JS装逼权威指南

pingan8787 · 2017-08-20T14:35:01Z

果然奇淫异技

peterchealse · 2017-08-20T15:19:09Z

github jsfuck

SSShooter · 2017-08-20T15:28:52Z

很奇很淫 😃

takkiTang · 2017-08-20T15:31:44Z

mark

Melody12ab · 2017-09-29T09:15:18Z

看完内心毫无波澜，甚至还有点想笑

muzea · 2017-09-29T09:48:24Z

@leejaen ~ 是按位非， ~1 是 -2，这个地方是因为， if 里面的条件要经过两次处理，

ToBoolean(GetValue(exprRef))

其中 GetValue ，如果不是引用就直接返回原值，ToBoolean 在处理Number 时的规则是

The result is false if the argument is +0, −0, or NaN; otherwise the result is true.

所以你这个是在大部分时候是没有问题的

ecma-262 5.1 The if Statement

yogalin1993 · 2017-09-30T05:46:27Z

第25条取出数组最大值可以这样：
Math.max(...[14, 3, 77])

CaseyZhao186 · 2017-10-19T09:01:25Z

有想换工作的想法吗？可以聊一下

hongmaoxiao · 2017-10-24T06:18:07Z

今天没有福利不合适啊，楼主。

jawil · 2017-10-24T13:37:09Z

哈哈，邀请码已发，watch博客的应该都收到通知了 @hongmaoxiao

Cyonet · 2017-10-25T13:29:43Z

有福利不？

ghost · 2017-11-21T11:12:40Z

666

liangtongzhuo · 2017-11-24T01:06:19Z

666666 学到了

Ako520 · 2017-11-24T03:06:01Z

6666

CallAjax · 2017-11-24T03:28:11Z

活到老,学到老

wolfan · 2017-11-24T06:40:36Z

迷宫那个怎么玩？

ghost · 2017-11-24T07:09:15Z

@yogalin1993 看一下这个代码

const getMinOrMaxValue = (xs, comparator = (a, b) => a - b) => xs.reduce(function (a, b) {
    return comparator(a, b) >= 0 ? b : a;
});

zhangjingf · 2017-11-24T07:35:59Z

长见识了

bluest-hu · 2017-11-27T10:10:40Z

数字货币化展示

var num = 1234567890;
var numToStr = num.toLocaleString()
// 1,234,567,890

juntingl · 2017-11-28T12:04:25Z

邀请码?在哪呢？

DLJames · 2017-12-15T09:03:58Z

第十条就给你破了
2.99999999999999999>>0 就不等于2，
哈哈哈哈

gsgfdsgf · 2017-12-31T03:15:44Z

一个ul里面有500个li，问：如何优雅地把li倒序

把每个li旋转180度，再把ul旋转180度……

0xinhua · 2018-01-02T07:45:39Z

安利一波这个30秒code，里面全是简短实用JS代码。

xiaorong61 · 2018-02-24T13:54:52Z

金钱格式化：

yanche · 2018-05-20T22:42:04Z

第一个，既然取值是1~5，那空星星只要四个就够了 233

xqin · 2018-06-08T03:35:25Z

第28的那个 find 函数式版本的, 属于装B失败的类型..

因为修改之后的版本是有bug的..

函数的递归调用是有栈的大小限制的, 可以看下面的代码.

//函数式的版本
const find = ( f => f(f) ) ( f =>
  (next => (x, y, i = 0) =>
    ( i >= x.length) ?  null :
      ( x[i] == y ) ? i :
        next(x, y, i+1))((...args) =>
          (f(f))(...args)))

let arr = [];
for(var i=0; i<0xffff; i++) {
  arr.push(i)
}
console.log(find(arr, -1))

RangeError: Maximum call stack size exceeded

而普通的写法就没有这个问题:


function find (x, y) {
  for ( let i = 0; i < x.length; i++ ) {
    if ( x[i] == y ) return i;
  }
  return null;
}
let arr = [];
for(var i=0; i<0xffff; i++) {
  arr.push(i)
}
console.log(find(arr, -1))

polaris-dxz · 2018-10-26T12:10:32Z

用 new 关键字实现自调用函数那里，少了一个括号。文章整理的不错，佩服

LastHeaven · 2019-01-14T08:50:00Z

一行代码递归实现斐波那契数列

const fib = (f => f(f))(f => n => [1, 1][n] || f(f)(n - 1) + f(f)(n - 2))

yushengyuan1993 · 2019-03-11T02:32:39Z

受教了，确实很多黑科技。但有时候晦涩难懂的代码不太适合写在实际业务中鸭，也得考虑一下跟你合作的的小伙伴的感受。。。哈哈哈

xgqfrms · 2020-09-27T05:11:02Z

✅ you can `void` anything, it always returns `undefined`!

void 0 === void(0);
// true

void 0 === void(true);
// true

void false === void(true);
// true

void alert("✅ you can `void` anything, it always returns `undefined`!");
// undefined

jawil added JS 玄学 labels Aug 20, 2017

pingan8787 mentioned this issue Aug 20, 2017

每日文章[ 2017.07-08 ] pingan8787/Leo_Reading#1

Open

fripig mentioned this issue Aug 20, 2017

20170820 32 tabs fripig/article_log#304

Open

ruanshr mentioned this issue Nov 28, 2017

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已 ruanshr/myProject#2

Open

MRlijiawei mentioned this issue Aug 22, 2018

高逼格js MRlijiawei/demos#1

Open

xineur mentioned this issue Feb 21, 2019

日常积累-网站 xineur/blog#1

Open

ahalf-yuan mentioned this issue Mar 26, 2019

短小精湛的代码 ahalf-yuan/blog#7

Open

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已 #24

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已 #24

Comments

jawil commented Aug 20, 2017 • edited

1、单行写一个评级组件

2、如何装逼用代码骂别人SB

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

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

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

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

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

8、匿名函数自执行

9、另外一种undefined

10、论如何优雅的取整

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

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

13、逗号运算符

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

15、实现标准JSON的深拷贝

16、不用Number、parseInt和parseFloat和方法把"1"字符串转换成数字

17、如何装逼的写出"hello world!"

18、parseInt(0.0000008) === 8

19、++[[]][+[]]+[+[]] == 10

20、0.1 + 0.2 == 0.3

21、最短的代码实现数组去重

22、用最短的代码实现一个长度为m(6)且值都n(8)的数组

23、短路表达式

24、JavaScript版迷宫

25、取出一个数组中的最大值和最小值

26、将argruments对象转换成数组

27、javascript高逼格之Function构造函数

28、从一个数组中找到一个数，O(n)的算法，找不到就返回 null。

GreatAuk commented Aug 20, 2017

shendengnian commented Aug 20, 2017

jawil commented Aug 20, 2017

muzea commented Aug 20, 2017

jawil commented Aug 20, 2017

chaoren1641 commented Aug 20, 2017

muzea commented Aug 20, 2017

Germxu commented Aug 20, 2017

jawil commented Aug 20, 2017

joe223 commented Aug 20, 2017

violaY33 commented Aug 20, 2017

joe223 commented Aug 20, 2017

fXy-during commented Aug 20, 2017 • edited

szu-bee commented Aug 20, 2017

jawil commented Aug 20, 2017

DemonCloud commented Aug 20, 2017 • edited

hfuuss commented Aug 20, 2017

joe223 commented Aug 20, 2017

fanshunyu commented Aug 20, 2017

zanjs commented Aug 20, 2017

ruooooooli commented Aug 20, 2017

QDMarkMan commented Aug 20, 2017

pingan8787 commented Aug 20, 2017

peterchealse commented Aug 20, 2017

SSShooter commented Aug 20, 2017

takkiTang commented Aug 20, 2017

Melody12ab commented Sep 29, 2017 • edited

muzea commented Sep 29, 2017

yogalin1993 commented Sep 30, 2017

CaseyZhao186 commented Oct 19, 2017

hongmaoxiao commented Oct 24, 2017

jawil commented Oct 24, 2017

Cyonet commented Oct 25, 2017

ghost commented Nov 21, 2017

liangtongzhuo commented Nov 24, 2017

Ako520 commented Nov 24, 2017

CallAjax commented Nov 24, 2017

wolfan commented Nov 24, 2017

ghost commented Nov 24, 2017

zhangjingf commented Nov 24, 2017

bluest-hu commented Nov 27, 2017

juntingl commented Nov 28, 2017

DLJames commented Dec 15, 2017

gsgfdsgf commented Dec 31, 2017 • edited

0xinhua commented Jan 2, 2018

xiaorong61 commented Feb 24, 2018 • edited

yanche commented May 20, 2018

xqin commented Jun 8, 2018

jawil commented Aug 20, 2017 •

edited

fXy-during commented Aug 20, 2017 •

edited

DemonCloud commented Aug 20, 2017 •

edited

Melody12ab commented Sep 29, 2017 •

edited

gsgfdsgf commented Dec 31, 2017 •

edited

xiaorong61 commented Feb 24, 2018 •

edited

xgqfrms commented Sep 27, 2020 •

edited

✅ you can `void` anything, it always returns `undefined`!