一行能装逼的JavaScript代码的延伸
前段就是坑,入坑水真深。 先看看一个黑科技, 纳尼,这是什么东西。
(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]
贴入浏览器执行一看,你个XX,你给老子等着。。。。。。。
然并卵。
作为一般的青年就此笑过, 可是我不是一般的青年,我是二到无穷的青年。你给老子讲清楚你这sb怎么出来的.
在一行能装逼的JavaScript代码讲得灰常清晰和明白,但是个人觉得还可以补充和扩展,于是就有了这篇文章。
解析出这个SB还是先懂几个东西:
- 运算符的优先级
一行能装逼的JavaScript代码里面有解释,
这段装逼代码里面用的只有 ! () ~ + [] -- *
优先级别 [] () -- ~ ! * + - JS类型转换
一行能装逼的JavaScript代码里面有解释
减号-,乘号*,肯定是进行数学运算,所以操作数需转化为number类型
加号+,可能是字符串拼接,也可能是数学运算,所以可能会转化为number或string
一元运算,如+[],只有一个操作数的,转化为number类型
关于转换顺序
尝试使用ToPrimitive,转换为原始类型,
转换成功,返回值。
否则调用valueOf,如果返回是原始类型,返回
否则调用toString(),如果返回原型类型,返回
否则,抛出异常 - 一些特殊情况的加法
[] + [] // ''
[] + {} // '[object Object]'
{} + [] // 0
({} + []) // '[object Object]'
{} + {} // NaN
({} + {}) // '[object Object][object Object]'
{} + []中的第一个{}会被识别为代码块,被忽略掉,
+[]转换过程
[] 不是原始类型,调用valueOf
[].valueOf() 返回的依旧不是原始类型
[].toString() 返回"",
+""结果为0
({}+[])这里面 {} + [] 是作为表达式执行的,
{}最终转换为 "[object object]"
[]最终转换为 ""
相加为 "[object object]"
好,准备好这些只是之后,我们就可以来解读装逼,为了方便解读,
我写出每一步的解读, 来,一起装逼,一起飞。
const results = [
'(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// +[] ==> 0
'(!(~0)+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// ~0 ==> -1 取反减1
'(!(-1)+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// !(-1) ==> false
'(false+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// false+{} ==> "false[object object]"
'"false[object object]"[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// +"" ==> 0
'"false[object object]"[--[~0][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// ~0 ==> -1
'"false[object object]"[--[-1][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// +[] ==> 0
'"false[object object]"[--[-1][0]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// +[] ==> 0
'"false[object object]"[--[-1][0]*[~0] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// ~0 ==> -1
'"false[object object]"[--[-1][0]*[-1] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// --[-1][0] ==> -2
'"false[object object]"[-2*[-1] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// [-1] ==> "-1"
'"false[object object]"[-2*"-1" + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// "-1" ==> 1
'"false[object object]"[-2*-1 + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// -2*-1 ==> 2
'"false[object object]"[2 + ~~!+[]]+({}+[])[[~!+[]]*~+[]]',
// +[] ==> 0
'"false[object object]"[2 + ~~!0]+({}+[])[[~!+[]]*~+[]]',
// !0 ==> true
'"false[object object]"[2 + ~~true]+({}+[])[[~!+[]]*~+[]]',
// ~true ==> -2
'"false[object object]"[2 + ~-2]+({}+[])[[~!+[]]*~+[]]',
// ~-2 ==> 2
'"false[object object]"[2 + 1]+({}+[])[[~!+[]]*~+[]]',
// 2+1 ==> 3
'"false[object object]"[3]+({}+[])[[~!+[]]*~+[]]',
// "false[object object]"[3] ==> s
'"s"+({}+[])[[~!+[]]*~+[]]',
// {} ==> "[object object]"
'"s"+("[object object]"+[])[[~!+[]]*~+[]]',
// [] ==> "" [].toString()
'"s"+("[object object]"+"")[[~!+[]]*~+[]]',
// "[object object]"+"" ==> "[object object]"
'"s"+"[object object]"[[~!+[]]*~+[]]',
// +[] ==> 0
'"s"+"[object object]"[[~!0]*~+[]]',
// !0 => true
'"s"+"[object object]"[[~true]*~+[]]',
// ~true ==> -2
'"s"+"[object object]"[[-2]*~+[]]',
// +[] ==> 0
'"s"+"[object object]"[[-2]*~0]',
// ~0 ==> -1
'"s"+"[object object]"[[-2]*-1]',
// [-2] ==> "-2"
'"s"+"[object object]"["-2"*-1]',
// "-2" ==> 2
'"s"+"[object object]"[-2*-1]',
// -2*-1 ==> 2
'"s"+"[object object]"[2]',
// "[object object]"[2] ==> b
'"s"+"b"',
// "s" + "b" ==> "sb"
'"sb"',
];
results.forEach( (v,i)=>{
(function(delay){
setTimeout(function(){
console.log(Date.now(), eval(v))
},delay*5)
})(i)
})
你会发现好多sb,哟, 你还真看到这里啊,说的就是你哦。 哈哈。
这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已
一行能装逼的JavaScript代码
JS中{}+[]和[]+{}的返回值情况是怎样的
What is {} + {} in JavaScript?
JavaScript中圆括号() 和 方括号[] 的特殊用法疑问?
javascript运算符——条件、逗号、赋值、()和void运算符
JavaScript values: not everything is an object
一行能装逼的JavaScript代码的延伸的更多相关文章
- 一行能装逼的JavaScript代码
一行能装逼的JavaScript代码 2016-06-28 野狗 一行神奇的JS代码,当时我就震 惊了,这不就是传说中的ZB神奇么… … 哈哈. 写本篇文章的缘由是之前看到了一段js代码,如下: (! ...
- 这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已
Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的,补充送那啥邀请码. 本文秉承着:你看不懂是你SB,我写的代码就要牛逼. 1.单行写一个评级组件 &q ...
- 高级Javascript代码
Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的,补充送那啥邀请码. 本文秉承着:你看不懂是你SB,我写的代码就要牛逼. 1.单行写一个评级组件 &q ...
- 【Python成长之路】装逼的一行代码:快速共享文件【华为云分享】
[写在前面] 有时候会与同事共享文件,正常人的操作是鼠标右键,点击共享.其实有个装逼的方法,用python的一行代码快速实现基于http服务的共享方式. [效果如下] [示例代码] 在cmd窗口进入想 ...
- 【Python成长之路】装逼的一行代码:快速共享文件
[Python成长之路]装逼的一行代码:快速共享文件 2019-10-26 15:30:05 华为云 阅读数 335 文章标签: Python编程编程语言程序员Python开发 更多 分类专栏: 技术 ...
- JavaScript装逼指南
如何写JavaScript才能逼格更高呢?怎样才能组织JavaScript才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?下面列出一些在JavaScrip ...
- JavaScript 装逼指南
Summary 本文秉承着 你看不懂是你sb,我写的代码就要牛逼 的理念来介绍一些js的装逼技巧. 下面的技巧,后三个,请谨慎用于团队项目中(主要考虑到可读性的问题),不然,leader 干你没商量. ...
- 翻译 | 一行 JavaScript 代码的逆向工程
原文地址:Reverse Engineering One Line of JavaScript 原文作者:Alex Kras 译者:李波 校对者:冬青.小萝卜 几个月前,我看到一个邮件问:有没有人可以 ...
- 最全面的Git 使用规范装逼指南[转载]
<!DOCTYPE html> <script type="text/javascript"> window.logs = { pagetime: {} } ...
随机推荐
- Qt信号和槽连接方式的选择
看了下Qt的帮助文档,发现connect函数最后还有一个缺省参数. connect函数原型是这样的: QMetaObject::Connection QObject::connect(const QO ...
- AVAudioFoundation(6):时间和媒体表示
本文转自:AVAudioFoundation(6):时间和媒体表示 | www.samirchen.com 本文主要内容来自 AVFoundation Programming Guide. 基于时间的 ...
- 20145333 《网络对抗技术》 PC平台逆向破解
20145333 <网络对抗技术> PC平台逆向破解 20145333 <网络对抗技术> PC平台逆向破解 Shellcode注入 基础知识 Shellcode实际是一段代码, ...
- Vue+Webpack配置css-loader时报错:Module build failed: Unknown word
使用Vue+Webpack搭建工程时,在webpack.config.js中的module的rules里针对各种文件配置加载工具.在针对css文件配置时遇到一个问题:打包构建时报错——Module b ...
- Scikit-learn 库的使用
1. 与文本处理相关的库 1. 对语料库提取特征词集合 from sklearn.feature_extraction.text import TfidfVectorizer, CountVector ...
- HDU 1166 敌兵布阵(线段树 or 二叉索引树)
http://acm.hdu.edu.cn/showproblem.php?pid=1166 题意:第一行一个整数T,表示有T组数据. 每组数据第一行一个正整数N(N<=50000),表示敌人有 ...
- Yii框架(二)Model处理数据
熟悉php的autoload机制,自己实现一个autoload函数 一.复习框架: basic/ 应用根目录 composer.json Composer 配置文件, 描述包信息 config/ 包含 ...
- Codeforces Round #319 (Div. 2) C. Vasya and Petya's Game 数学
C. Vasya and Petya's Game time limit per test 1 second memory limit per test 256 megabytes input sta ...
- /etc/apt/sources.list.d/ros-latest.list' permission denied
换为英文的' sudo sh -c 'echo "deb http://packages.ros.org/ros/ubuntu trusty main" > /etc/apt ...
- JQuery中width和JS中JS中关于clientWidth offsetWidth scrollWidth 等的含义
JQuery中: width()方法用于获得元素宽度: innerWidth()方法用于获得包括内边界(padding)的元素宽度: outerWidth()方法用于获得包括内边界(padding)和 ...