8个编写优秀JS代码的技巧和窍门(分享)


当前第2页 返回上一页

如果你的项目代码不支持可选链( optional chaining)的话,可以这样做:

1

2

3

const found = [{ name: "Alex" }].find(i => i.name === 'Jim');

console.log(found.name);

// TypeError: Cannot read property 'name' of undefined

可以这样避免

1

2

3

const found = [{ name: "Alex" }].find(i => i.name === 'Jim') || {};

console.log(found.name);

// undefined

不过这要视情况而定,对于小规模的代码进行处理完全没什么问题。不需要太多代码就可以处理它。

6. 传参的好方法

在 ES6 中可以把 模板字面量(Template literal) 当作是不带括号的函数的参数。这在进行格式化或转换文本的时非常好用。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

const makeList = (raw) =>

  raw

    .join()

    .trim()

    .split("\n")

    .map((s, i) => `${i + 1}. ${s}`)

    .join("\n");

 

makeList`

Hello, World

Hello, World

`;

 

// 1. Hello

// 2. World

7. 像变戏法一样交换变量的值

通过解构赋值语法,可以轻松地交换变量。

1

2

3

4

5

6

7

8

9

10

11

let a = "hello";

let b = "world";

 

// 错误 ?

a = b

b = a

// { a: 'world', b: 'world' }

 

// 正确 ?

[a, b] = [b, a];

// { a: 'world', b: 'hello' }

8. 遮蔽字符串

某些时候我们需要遮蔽字符串的一部分,当然不只是对密码做这种操作。下面代码中通过 substr(-3) 得到字符串的一部分,即从字符串末尾开始往前 3 个字符,然后再用你喜欢的字符填充剩余的位置(比如说用 *

1

2

3

const password = "hackme";

password.substr(-3).padStart(password.length, "*");

// ***kme

结语

在编码时还需要保持代码整洁,平时注意积累在编码时所使到的技巧,并关注 JavaScript 的新增特性。

原文地址:https://dev.to/gigantz/9-javascript-tips-tricks-to-code-like-a-wizard-559i

作者:Orkhan Jafarov

译文地址:https://segmentfault.com/a/1190000030697379

更多编程相关知识,请访问:编程课程!!

以上就是8个编写优秀JS代码的技巧和窍门(分享)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript如何打印

html怎么加入js

h5里js和servlet实现文件上传的实现步骤

exports和module.expors之间有什么区别及联系?

javascript中src是什么意思

javascript如何截取字符串

javascript异步加载的详细介绍(附代码)

javascript如何获取body内容

javascript基础入门买什么书

javascript:世界上最被误解的语言

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...