- 时间:2022-09-09 11:04 编辑: 来源: 阅读:854
- 扫一扫,手机访问
摘要:不要再犯这五个Javascript错误。
{源码交易平台}
这里有五个技巧可以让你的代码更容易阅读和维护。 在编辑旧项目时,你有没有遇到过添加新逻辑时“支离破碎”的令人困惑的代码?我们当然都见过。 为了让世界上不可读的Javascript代码少一些,我不得不给你看下面五个例子——我的耻辱专栏。 使用数组解构获得一个函数的多个返回值。如果我们有一个返回多个值的函数,我们可以使用数组解构来获取值。 代码如下:上述方法虽然可以实现赋值,但是有少量的不良影响。 在调用函数获取返回值a、b、c、d时,我们需要注意返回值的返回顺序 这里的一个小错误,很可能就是你调试路上的噩梦。 除了关注顺序,不能只得到部分想要的返回值。如果我只想要C和D呢?我们可以使用对象解构赋值来代替。 现在我们可以自由选择哪些函数需要返回值。 即使函数将来添加了更多的返回值,对象解构的代码也可以保持不变,使得代码更加稳定。 使用不带函数参数的对象解构,假设我们有一个函数,它的参数是对象,函数中的代码需要使用这个对象的属性。 一个幼稚的实现如下:虽然这个方案满足了我们的需求,但是它声明了两个不必要的临时引用变量startDate和endDate。 更好的解决方案是使用对象解构在一行中获得参数startDate和endDate。 我们甚至可以用对象解构直接在参数中定义这两个变量。 你不觉得这样更优雅吗?不使用开发语法复制数组(...)用for循环遍历元素,然后把它们复制到一个新的数组中,既麻烦又难看。 使用开发语法可以使实现更加清晰和简洁。 使用Var和const来确保变量不能被重新分配可以减少错误并提高代码可读性。 如果你真的需要重新分配一个变量,总是选择let而不是var。如果你真的需要重新分配一个变量,用let代替var。 Let在块作用域,var在函数作用域。 块范围使变量只在定义它的代码块中有效。访问块范围之外的变量将警告ReferenceError。 在函数范围内定义的变量可以在定义它的函数范围内使用。 和letconst定义变量都可以在块范围内访问。 手动拼接没有模板字符串的字符串编写起来很复杂,阅读起来也很混乱。 示例:模板字符串提供了一种清晰易读的方式来将变量插入字符串。 该模板提供了一种简单的换行方式。你只需要按下键盘上的回车键,就像你平时做的那样(在系统中)。 我在前台领域做了几年,总结了一套前台学习的强化视频和学习路线。如果有对前台开发感兴趣的伙伴,不管你是想转行还是想做大学生或者想在工作中提升能力的web前台党,欢迎大家加入我的前台开发交流群:603985993。希望大家真诚交流!,与企业需求同步。 朋友在里面学习交流。大牛每天定时讲解前台技术!也可以关注我的微信微信官方账号:【前台学员】每天更新最新技术文章和干货。