搜索

[24981] 2016-05-12_12个非常有用的JavaScript技巧

文档创建者：s7ckTeam
浏览次数：2
最后更新：2025-01-18
2016-05-12_12个非常有用的JavaScript技巧 1 2   个 非 常 有 用 的   J a v a S c r i p t   技 巧 译 者 ： 大 漠   L i n u x 中 国   2 0 1 6 - 0 5 - 1 2 编 译 自 ： h t t p s : / / b l o g . j s c r a m b l e r . c o m / 1 2 - e x t r e m e l y - u s e f u l - h a c k s - f o r - j a v a s c r i p t /   作 者 ：   C a i o   R i b e i r o   P e r e i r a 转 载 自 ： W 3 C P l u s   h t t p : / / w w w . w 3 c p l u s . c o m / j a v a s c r i p t / 1 2 - e x t r e m e l y - u s e f u l - h a c k s - f o r - j a v a s c r i p t . h t m l   译 者 ：   大 漠 在 这 篇 文 章 中 将 给 大 家 分 享 1 2 个 有 关 于 J a v a S c r i p t 的 小 技 巧 。 这 些 小 技 巧 可 能 在 你 的 实 际 工 作 中 或 许 能 帮 助 你 解 决 一 些 问 题 。 使 用 使 用 操 作 符 转 换 布 尔 值 操 作 符 转 换 布 尔 值 有 时 候 我 们 需 要 对 一 个 变 量 查 检 其 是 否 存 在 或 者 检 查 值 是 否 有 一 个 有 效 值 ， 如 果 存 在 就 返 回 值 。 为 了 做 这 样 的 验 证 ， 我 们 可 以 使 用 操 作 符 来 实 现 是 非 常 的 方 便 与 简 单 。 对 于 变 量 可 以 使 用 做 检 测 ， 只 要 变 量 的 值 为 : 、 、 ! ! t r u e ! ! ! ! v a r i a b l e 0 n u l l "   "
、 或 者 都 将 返 回 的 是 ， 反 之 返 回 的 是 。 比 如 下 面 的 示 例 ： 8 .   在 这 个 示 例 中 ， 只 要 的 值 大 于 ， 那 么 返 回 的 值 就 是 。 使 用 使 用 将 字 符 串 转 换 成 数 字 将 字 符 串 转 换 成 数 字 "   " u n d e f i n e d N a N f a l s e t r u e 1 .   f u n c t i o n   A c c o u n t ( c a s h )   { 2 .           t h i s . c a s h   =   c a s h ; 3 .           t h i s . h a s M o n e y   =   ! ! c a s h ; 4 .   } 5 .   v a r   a c c o u n t   =   n e w   A c c o u n t ( 1 0 0 . 5 0 ) ; 6 .   c o n s o l e . l o g ( a c c o u n t . c a s h ) ;   / /   1 0 0 . 5 0 7 .   c o n s o l e . l o g ( a c c o u n t . h a s M o n e y ) ;   / /   t r u e 9 .   v a r   e m p t y A c c o u n t   =   n e w   A c c o u n t ( 0 ) ; 1 0 .   c o n s o l e . l o g ( e m p t y A c c o u n t . c a s h ) ;   / /   0 1 1 .   c o n s o l e . l o g ( e m p t y A c c o u n t . h a s M o n e y ) ;   / /   f a l s e a c c o u n t . c a s h 0 a c c o u n t . h a s M o n e y t r u e +
这 个 技 巧 非 常 有 用 ， 其 非 常 简 单 ， 可 以 交 字 符 串 数 据 转 换 成 数 字 ， 不 过 其 只 适 合 用 于 字 符 串 数 据 ， 否 则 将 返 回 ， 比 如 下 面 的 示 例 ： 这 个 也 适 用 于 ， 在 本 例 中 ， 它 将 返 回 的 是 时 间 戳 数 字 ： 并 条 件 符 并 条 件 符 如 果 你 有 一 段 这 样 的 代 码 ： 你 也 可 以 将 变 量 简 写 ， 并 且 使 用 和 函 数 连 接 在 一 起 ， 比 如 上 面 的 示 例 ， 可 以 简 写 成 这 样 ： 如 果 一 些 属 性 或 函 数 存 在 于 一 个 对 象 中 ， 你 也 可 以 这 样 做 检 测 ， 如 下 面 的 代 码 所 示 ： N a N 1 .   f u n c t i o n   t o N u m b e r ( s t r N u m b e r )   { 2 .           r e t u r n   + s t r N u m b e r ; 3 .   } 4 .   c o n s o l e . l o g ( t o N u m b e r ( " 1 2 3 4 " ) ) ;   / /   1 2 3 4 5 .   c o n s o l e . l o g ( t o N u m b e r ( " A C B " ) ) ;   / /   N a N D a t e 1 .   c o n s o l e . l o g ( + n e w   D a t e ( ) )   / /   1 4 6 1 2 8 8 1 6 4 3 8 5 1 .   i f   ( c o n e c t e d )   { 2 .           l o g i n ( ) ; 3 .   } & & 1 .   c o n e c t e d   & &   l o g i n ( ) ; 1 .   u s e r   & &   u s e r . l o g i n ( ) ;
使 用 使 用 运 算 符 运 算 符 在 E S 6 中 有 默 认 参 数 这 一 特 性 。 为 了 在 老 版 本 的 浏 览 器 中 模 拟 这 一 特 性 ， 可 以 使 用 操 作 符 ， 并 且 将 将 默 认 值 当 做 第 二 个 参 数 传 入 。 如 果 第 一 个 参 数 返 回 的 值 为 ， 那 么 第 二 个 值 将 会 认 为 是 一 个 默 认 值 。 如 下 面 这 个 示 例 ： 8 .   在 循 环 中 缓 存 在 循 环 中 缓 存 这 个 技 巧 很 简 单 ， 这 个 在 处 理 一 个 很 大 的 数 组 循 环 时 ， 对 性 能 影 响 将 是 非 常 大 的 。 基 本 上 ， 大 家 都 会 写 一 个 这 样 的 同 步 迭 代 的 数 组 ： 如 果 是 一 个 小 型 数 组 ， 这 样 做 很 好 ， 如 果 你 要 处 理 的 是 一 个 大 的 数 组 ， 这 段 代 码 在 每 次 迭 代 都 将 会 重 新 计 算 数 组 的 大 小 ， 这 将 会 导 致 一 些 延 误 。 为 了 避 免 这 种 现 象 出 现 ， 可 以 将 | | | | f a l s e 1 .   f u n c t i o n   U s e r ( n a m e ,   a g e )   { 2 .           t h i s . n a m e   =   n a m e   | |   " O l i v e r   Q u e e n " ; 3 .           t h i s . a g e   =   a g e   | |   2 7 ; 4 .   } 5 .   v a r   u s e r 1   =   n e w   U s e r ( ) ; 6 .   c o n s o l e . l o g ( u s e r 1 . n a m e ) ;   / /   O l i v e r   Q u e e n 7 .   c o n s o l e . l o g ( u s e r 1 . a g e ) ;   / /   2 7 9 .   v a r   u s e r 2   =   n e w   U s e r ( " B a r r y   A l l e n " ,   2 5 ) ; 1 0 .   c o n s o l e . l o g ( u s e r 2 . n a m e ) ;   / /   B a r r y   A l l e n 1 1 .   c o n s o l e . l o g ( u s e r 2 . a g e ) ;   / /   2 5 a r r a y . l e n g t h 1 .   f o r ( v a r   i   =   0 ;   i   <   a r r a y . l e n g t h ;   i + + )   { 2 .           c o n s o l e . l o g ( a r r a y [ i ] ) ; 3 .   } a r r a y . l e n g t h
做 一 个 缓 存 ： 你 也 可 以 写 在 这 样 ： 检 测 对 象 中 属 性 检 测 对 象 中 属 性 当 你 需 要 检 测 一 些 属 性 是 否 存 在 ， 避 免 运 行 未 定 义 的 函 数 或 属 性 时 ， 这 个 小 技 巧 就 显 得 很 有 用 。 如 果 你 打 算 定 些 一 些 跨 兼 容 的 浏 览 器 代 码 ， 你 也 可 能 会 用 到 这 个 小 技 巧 。 例 如 ， 你 想 使 用 来 选 择 一 个 ， 并 且 让 它 能 兼 容 I E 6 浏 览 器 ， 但 是 在 I E 6 浏 览 器 中 这 个 函 数 是 不 存 在 的 ， 那 么 使 用 这 个 操 作 符 来 检 测 这 个 函 数 是 否 存 在 就 显 得 非 常 的 有 用 ， 如 下 面 的 示 例 ： 在 这 个 示 例 中 ， 如 果 不 存 在 a r r a y . l e n g t h 1 .   v a r   l e n g t h   =   a r r a y . l e n g t h ; 2 .   f o r ( v a r   i   =   0 ;   i   <   l e n g t h ;   i + + )   { 3 .           c o n s o l e . l o g ( a r r a y [ i ] ) ; 4 .   } 1 .   f o r ( v a r   i   =   0 ,   l e n g t h   =   a r r a y . l e n g t h ;   i   <   l e n g t h ;   i + + )   { 2 .           c o n s o l e . l o g ( a r r a y [ i ] ) ; 3 .   } d o c u m e n t . q u e r y S e l e c t o r ( ) i d 1 .   i f   ( ' q u e r y S e l e c t o r '   i n   d o c u m e n t )   { 2 .           d o c u m e n t . q u e r y S e l e c t o r ( " # i d " ) ; 3 .   }   e l s e   { 4 .           d o c u m e n t . g e t E l e m e n t B y I d ( " i d " ) ; 5 .   } d o c u m e n t q u e r y S e l e c t o r
函 数 ， 那 么 就 会 调 用 。 获 取 数 组 中 最 后 一 个 元 素 获 取 数 组 中 最 后 一 个 元 素 用 来 获 取 和 之 间 的 数 组 元 素 。 如 果 你 不 设 置 参 数 ， 将 会 将 数 组 的 默 认 长 度 值 当 作 值 。 但 有 些 同 学 可 能 不 知 道 这 个 函 数 还 可 以 接 受 负 值 作 为 参 数 。 如 果 你 设 置 一 个 负 值 作 为 的 值 ， 那 么 你 可 以 获 取 数 组 的 最 后 一 个 元 素 。 如 ： 数 组 截 断 数 组 截 断 这 个 小 技 巧 主 要 用 来 锁 定 数 组 的 大 小 ， 如 果 用 于 删 除 数 组 中 的 一 些 元 素 来 说 ， 是 非 常 有 用 的 。 例 如 ， 你 的 数 组 有 个 元 素 ， 但 你 只 想 只 要 前 五 个 元 素 ， 那 么 你 可 以 通 过 来 截 断 数 组 。 如 下 面 这 个 示 例 ： d o c u e m n t . g e t E l e m e n t B y I d ( " i d " ) A r r a y . p r o t o t y p e . s l i c e ( b e g i n , e n d ) b e g i n e n d e n d e n d b e g i n 1 .   v a r   a r r a y   =   [ 1 , 2 , 3 , 4 , 5 , 6 ] ; 2 .   c o n s o l e . l o g ( a r r a y . s l i c e ( - 1 ) ) ;   / /   [ 6 ] 3 .   c o n s o l e . l o g ( a r r a y . s l i c e ( - 2 ) ) ;   / /   [ 5 , 6 ] 4 .   c o n s o l e . l o g ( a r r a y . s l i c e ( - 3 ) ) ;   / /   [ 4 , 5 , 6 ] 1 0 a r r a y . l e n g t h = 5 1 .   v a r   a r r a y   =   [ 1 , 2 , 3 , 4 , 5 , 6 ] ; 2 .   c o n s o l e . l o g ( a r r a y . l e n g t h ) ;   / /   6 3 .   a r r a y . l e n g t h   =   3 ; 4 .   c o n s o l e . l o g ( a r r a y . l e n g t h ) ;   / /   3
替 换 所 有 替 换 所 有 函 数 允 许 你 使 用 字 符 串 或 正 则 表 达 式 来 替 换 字 符 串 ， 本 身 这 个 函 数 只 替 换 第 一 次 出 现 的 字 符 串 ， 不 过 你 可 以 使 用 正 则 表 达 多 中 的 来 模 拟 函 数 功 能 ： 合 并 数 组 合 并 数 组 如 果 你 要 合 并 两 个 数 组 ， 一 般 情 况 之 下 你 都 会 使 用 函 数 ： 然 后 这 个 函 数 并 不 适 合 用 来 合 并 两 个 大 型 的 数 组 ， 因 为 其 将 消 耗 大 量 的 内 存 来 存 储 新 创 建 的 数 组 。 在 这 种 情 况 之 个 ， 可 以 使 用 来 替 代 创 建 一 个 新 数 组 。 这 种 方 法 不 是 用 来 创 建 一 个 新 的 数 组 ， 其 只 是 将 第 一 个 第 二 个 数 组 合 并 在 一 起 ， 同 时 减 少 内 存 的 使 用 ： 将 将 5 .   c o n s o l e . l o g ( a r r a y ) ;   / /   [ 1 , 2 , 3 ] S t r i n g . r e p l a c e ( ) / g r e p l a c e A l l ( ) 1 .   v a r   s t r i n g   =   " j o h n   j o h n " ; 2 .   c o n s o l e . l o g ( s t r i n g . r e p l a c e ( / h n / ,   " a n a " ) ) ;   / /   " j o a n a   j o h n " 3 .   c o n s o l e . l o g ( s t r i n g . r e p l a c e ( / h n / g ,   " a n a " ) ) ;   / /   " j o a n a   j o a n a " A r r a y . c o n c a t ( ) 1 .   v a r   a r r a y 1   =   [ 1 , 2 , 3 ] ; 2 .   v a r   a r r a y 2   =   [ 4 , 5 , 6 ] ; 3 .   c o n s o l e . l o g ( a r r a y 1 . c o n c a t ( a r r a y 2 ) ) ;   / /   [ 1 , 2 , 3 , 4 , 5 , 6 ] ; A r r a y . p u s ( ) . a p p l y ( a r r 1 , a r r 2 ) 1 .   v a r   a r r a y 1   =   [ 1 , 2 , 3 ] ; 2 .   v a r   a r r a y 2   =   [ 4 , 5 , 6 ] ; 3 .   c o n s o l e . l o g ( a r r a y 1 . p u s h . a p p l y ( a r r a y 1 ,   a r r a y 2 ) ) ;   / /   [ 1 , 2 , 3 , 4 , 5 , 6 ] ;
转 换 成 数 组 转 换 成 数 组 如 果 你 运 行 函 数 时 ， 它 可 能 返 回 D O M 元 素 的 数 组 ， 也 就 是 对 象 。 但 这 个 对 象 不 具 有 数 组 的 函 数 功 能 ， 比 如 、 、 、 等 。 为 了 让 这 些 原 生 的 数 组 函 数 功 能 也 能 用 于 其 上 面 ， 需 要 将 节 点 列 表 转 换 成 数 组 。 可 以 使 用 来 实 现 ： 数 组 元 素 的 洗 牌 数 组 元 素 的 洗 牌 对 于 数 组 元 素 的 洗 牌 ， 不 需 要 使 用 任 何 外 部 的 库 ， 比 如 L o d a s h ， 只 要 这 样 做 ： 总 结 总 结 现 在 你 学 会 了 些 有 用 的 J a v a S c r i p t 小 技 巧 。 希 望 这 些 小 技 巧 能 在 工 作 中 帮 助 你 解 决 一 些 麻 烦 ， 或 者 说 这 篇 文 章 对 你 有 所 帮 助 。 如 果 你 有 一 些 优 秀 的 J a v a S c r i p t 小 技 巧 ， 欢 迎 在 评 论 中 与 我 们 一 起 分 享 。 编 译 自 ： h t t p s : / / b l o g . j s c r a m b l e r . c o m / 1 2 - e x t r e m e l y - u s e f u l - h a c k s - f o r - j a v a s c r i p t /   作 者 ：   C a i o   R i b e i r o   P e r e i r a N o d e L i s t d o c u m e n t . q u e r y S e l e c t o r A l l ( “ p ” ) N o d e L i s t s o r t ( ) r e d u c e ( ) m a p ( ) f i l t e r ( ) [ ] . s l i c e . c a l l ( e l e m e n t s ) 1 .   v a r   e l e m e n t s   =   d o c u m e n t . q u e r y S e l e c t o r A l l ( " p " ) ;   / /   N o d e L i s t 2 .   v a r   a r r a y E l e m e n t s   =   [ ] . s l i c e . c a l l ( e l e m e n t s ) ;   / /   N o w   t h e   N o d e L i s t   i s   a n   a r r a y 3 .   v a r   a r r a y E l e m e n t s   =   A r r a y . f r o m ( e l e m e n t s ) ;   / /   T h i s   i s   a n o t h e r   w a y   o f   c o n v e r t i n g   N o d e L i s t   t o   A r r a y 1 .   v a r   l i s t   =   [ 1 , 2 , 3 ] ; 2 .   c o n s o l e . l o g ( l i s t . s o r t ( f u n c t i o n ( )   {   M a t h . r a n d o m ( )   -   0 . 5   } ) ) ;   / /   [ 2 , 1 , 3 ]
转 载 自 ： W 3 C P l u s   h t t p : / / w w w . w 3 c p l u s . c o m / j a v a s c r i p t / 1 2 - e x t r e m e l y - u s e f u l - h a c k s - f o r - j a v a s c r i p t . h t m l   译 者 ：   大 漠 推 荐 文 章 推 荐 文 章 点 击 标 题 或 输 入 文 章   I D   直 达 该 文 章 将 文 章 分 享 给 朋 友 是 对 我 们 最 好 的 赞 赏 ！

回复

举报

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

本版积分规则

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

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