搜索

[24910] 2016-04-24_基础JavaScript装逼指南

文档创建者：s7ckTeam
浏览次数：1
最后更新：2025-01-18
2016-04-24_基础JavaScript装逼指南 基 础   J a v a S c r i p t   装 逼 指 南 作 者 ： A n n a t a r H e   L i n u x 中 国   2 0 1 6 - 0 4 - 2 4 转 载 自 ：   h t t p s : / / a n n a t a r h e . g i t h u b . i o / 2 0 1 6 / 0 4 / 1 9 / h a c k - j s - c o d e . h t m l   作 者 ：   A n n a t a r H e 本 文 秉 承 着 你 看 不 懂 是 你 s b ， 我 写 的 代 码 就 要 牛 逼 的 理 念 来 介 绍 一 些 j s 的 装 逼 技 巧 。 下 面 的 技 巧 ， 后 三 个 ， 请 谨 慎 用 于 团 队 项 目 中 ( 主 要 考 虑 到 可 读 性 的 问 题 ) ， 不 然 ， l e a d e r   干 你 没 商 量 。 B o o l e a n 这 个 技 巧 用 的 很 多 ， 也 非 常 的 简 单 通 过 两 个 取 反 ， 可 以 强 制 转 换 为 B o o l e a n 类 型 。 较 为 常 用 。 N u m b e r 这 个 也 特 别 简 单 ， S t r i n g 转 化 为 N u m b e r 会 自 动 转 化 为 n u m b e r 类 型 的 。 较 为 常 用 。 I I F E 这 个 其 实 非 常 有 实 用 价 值 ， 不 算 是 装 逼 。 只 是 其 他 语 言 里 没 有 这 么 玩 的 ， 给 不 太 了 解 j s 的 同 学 看 那 可 牛 逼 大 了 。 实 用 价 值 在 于 可 以 防 止 全 局 污 染 。 不 过 现 在 随 着 E S 2 0 1 5 的 普 及 已 经 没 什 么 必 要 用 这 个 了 ， 我 相 信 五 年 之 后 ， 这 种 写 法 就 会 逐 渐 没 落 。 自 己 干 五 年 ， 在 实 习 生 面 前 装 逼 用 也 是 蛮 不 错 的 嘛 ~ C l o s u r e 1 .   ! ! ' f o o ' 1 .   + ' 4 5 ' 2 .   + n e w   D a t e 1 .   ( f u n c t i o n ( a r g )   { 2 .           / /   d o   s o m e t h i n g 3 .   } ) ( a r g )
闭 包 嘛 ， j s   特 别 好 玩 的 一 个 地 方 。 上 面 的 立 即 执 行 函 数 就 是 对 闭 包 的 一 种 运 用 。 不 了 解 的 回 去 翻 翻 书 ， 知 乎 上 也 有 很 多 讨 论 ， 可 以 去 看 看 。 闭 包 用 起 来 对 初 学 者 来 说 简 直 就 是 大 牛 的 标 志 ( 其 实 并 不 是 ) 。 上 面 用 到 了 闭 包 ， 看 起 来 还 挺 装 逼 的 吧 。 不 过 好 像 没 什 么 实 用 价 值 。 那 么 这 样 呢 ？ 通 过 高 阶 函 数 很 轻 松 的 实 现 判 定 类 别 。 ( 别 忘 了 有 判 定 A r r a y 的 A r r a y . i s A r r a y ( ) ) 当 然 ， 很 明 显 ， 这 只 是 基 础 ， 并 不 能 更 装 逼 一 点 。 来 看 下 一 节 E v e n t 事 件 响 应 前 端 肯 定 都 写 烂 了 ， 一 般 来 说 如 何 写 一 个 计 数 器 呢 ？ 好 像 是 没 什 么 问 题 哦 ， 但 是 ！ 变 量 为 什 么 放 在 外 面 ， 就 用 了 一 次 放 在 外 面 ， 命 名 冲 突 了 怎 么 办 ， 或 者 万 一 在 外 面 修 改 了 怎 么 办 。 这 个 时 候 这 样 一 个 事 件 监 听 代 码 就 比 较 牛 逼 了 怎 么 样 ， 是 不 是 立 刻 感 觉 不 一 样 了 。 瞬 间 逼 格 高 了 起 来 ！ 通 过 创 建 一 个 闭 包 ， 把 封 装 到 里 面 ， 然 后 返 回 函 数 。 这 个 用 法 不 太 常 见 。 1 .   v a r   c o u n t e r   =   f u n c t i o n ( )   { 2 .           v a r   c o u n t   =   0 3 .           r e t u r n   f u n c t i o n ( )   { 4 .                   r e t u r n   c o u n t + + 5 .           } 6 .   } 1 .   v a r   i s T y p e   =   f u n c t i o n ( t y p e )   { 2 .           r e t u r n   f u n c t i o n ( o b j )   { 3 .                   r e t u r n   t o S t r i n g . c a l l ( o b j )   = =   ' [ O b j e c t   '   +   t y p e   +   ' ] ' ; 4 .           } 5 .   } 1 .   v a r   t i m e s   =   0 2 .   v a r   f o o   =   d o c u m e n t . q u e r y S e l e c t o r ( ' . f o o ' ) 3 .   f o o . a d d E v e n t L i s t e n e r ( ' c l i c k ' ,   f u n c t i o n ( )   { 4 .           t i m e s + + 5 .           c o n s o l e . l o g ( t i m e s ) 6 .   } ,   f a l s e ) t i m e s 1 .   f o o . a d d E v e n t L i s t e n e r ( ' c l i c k ' ,   ( f u n c t i o n ( )   { 2 .           v a r   t i m e s   =   0 3 .           r e t u r n   f u n c t i o n ( )   { 4 .                   t i m e s + + 5 .                   c o n s o l e . l o g ( t i m e s ) 6 .           } 7 .   } ) ( ) ,   f a l s e ) t i m e s
p a r s e I n t 高 能 预 警 高 能 预 警 从 这 里 开 始 ， 下 面 的 代 码 谨 慎 写 到 公 司 代 码 里 ！ 这 个 函 数 太 普 通 了 ， 怎 么 能 装 逼 。 答 案 是 现 在 摁 下 ， 在 c o n s o l e 里 复 制 粘 贴 这 样 的 代 码 ： 这 个 技 巧 十 分 装 逼 ， 原 理 是 是 一 个 叫 做 按 位 非 按 位 非 的 操 作 ， 会 返 回 数 值 的 反 码 。 是 二 进 制 操 作 。 原 因 在 于 J a v a S c r i p t 中 的 n u m b e r 都 是 d o u b l e 类 型 的 ， 在 位 操 作 的 时 候 要 转 化 成 i n t ， 两 次 ~ 就 还 是 原 数 。 H e x 十 六 进 制 操 作 。 其 实 就 是 一 个 的 用 法 看 到 这 个 词 脑 袋 里 冒 出 的 肯 定 是 C S S 的 颜 色 。 做 到 随 机 的 话 可 以 这 样 底 下 的 原 文 链 接 非 常 建 议 去 读 一 下 ， 后 三 个 技 巧 都 是 在 那 里 学 到 的 。 « 左 移 操 作 。 这 个 操 作 特 别 叼 。 一 般 得 玩   C   玩 得 多 的 ， 这 个 操 作 会 懂 一 些 。 一 般 半 路 出 家 的 前 端 码 农 可 能 不 太 了 解 ( 说 的 是 我   ☹ ) 。 这 个 也 是 二 进 制 操 作 。 将 数 值 二 进 制 左 移 解 释 上 面 的 的 操 作 。 其 实 是 1 左 移 2 4 位 。 左 移 2 4 位 ， 变 成 了 不 信 ？ 试 着 在 c o n s o l e 粘 贴 下 面 的 代 码 其 实 还 有 一 种 更 容 易 理 解 的 方 法 来 解 释 p a r s e I n t ~ ~ F 1 2 1 .   ~ ~ 3 . 1 4 1 5 9 2 .   / /   = >   3 3 .   ~ ~ 5 . 6 7 8 4 .   / /   = >   5 ~ A r r a y . p r o t o t y p e . t o S t r i n g ( 1 6 ) 1 .   ( ~ ~ ( M a t h . r a n d o m ( ) * ( 1 < < 2 4 ) ) ) . t o S t r i n g ( 1 6 ) 1 < < 2 4 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 .   p a r s e I n t ( ' 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ' ,   2 )   = = =   ( 1   < <   2 4 ) 1 .   M a t h . p o w ( 2 , 2 4 )   = = =   ( 1   < <   2 4 )
因 为 是 二 进 制 操 作 ， 所 以 速 度 是 很 快 的 。 B T W 翻 译 成 正 常 语 言 就 是 这 样 的 O t h e r s 其 他 的 ， 像 是 一 些 a w a i t ,   D e c o r a t o r s 什 么 的 。 用 上 T y p e S c r i p t 基 本 就 懂 的 东 西 我 就 不 介 绍 了 。 祝 愿 大 家 越 玩 越 牛 逼 。 转 载 自 ：   h t t p s : / / a n n a t a r h e . g i t h u b . i o / 2 0 1 6 / 0 4 / 1 9 / h a c k - j s - c o d e . h t m l   作 者 ：   A n n a t a r H e 推 荐 文 章 推 荐 文 章 I D 点 击 标 题 或 输 入 文 章   I D   直 达 该 文 章 1 0 4 8 五 种 将 死 的 编 程 语 言 ？ ！ 3 5 8 4 基 于   J a v a S c r i p t   的 操 作 系 统 你 听 说 过 吗 ？ 3 6 5 5 四 款 工 具 顺 利 实 现   P y t h o n   与   J a v a S c r i p t   间 的 代 码 转 换 3 6 6 3 2 0 1 5 ： J a v a S c r i p t   之 于 物 联 网 3 7 3 1 2 0 1 6   J a v a S c r i p t   技 术 栈 展 望 将 文 章 分 享 给 朋 友 是 对 我 们 最 好 的 赞 赏 ！ 阅 读 原 文 1 .   M a t h . p o w ( 2 , 2 4 )   = = =   ( 1   < <   2 4 ) 1 .   [ ] . f o r E a c h . c a l l ( $ $ ( " * " ) , f u n c t i o n ( a ) { 2 .           a . s t y l e . o u t l i n e = " 1 p x   s o l i d   # " + ( ~ ~ ( M a t h . r a n d o m ( ) * ( 1 < < 2 4 ) ) ) . t o S t r i n g ( 1 6 ) 3 .   } ) 1 .   A r r a y . p r o t o t y p e . f o r E a c h . c a l l ( d o c u m e n t . q u e r y S e l e c t o r A l l ( ' * ' ) ,   d o m   = >   d o m . s t y l e . o u t l i n e   =   ` 1 p x   s o l i d   # $ { p a r s e I n t ( M a t h . r a n d o m ( )   *   M a t h . p o w ( 2 , 2 4 ) ) . t o S t r i n g ( 1 6 ) } ` )
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理