通过以下方法改进您的 JavaScript 代码……
你有没有想过应该关注哪些方面或哪些事项来改进你的代码?逻辑代码可以通过关注时间复杂度和空间复杂度来改进。
然而,我们编写代码的方式也起着至关重要的作用。以下是一些建议。
1. 使用const
在 JavaScript 代码中对变量和方法使用const`\vars` 关键字。这有助于避免变量值发生意外变化或被重新赋值。
让你的 JavaScript 代码免受 bug 侵害的简单方法。
const name = 'Delhi';
const getName = function(){
name = 'Mumbai'; // this will throw an error
return name;
}
getName();
2. 避免使用全局变量和方法
正如我们所见,这样const无法防止意外的值更新。几乎没有程序可以只使用 `.` 来实现const。我们需要声明变量和方法。
所以,在这种情况下,我们使用 `var` 或 ` letint`,但不要将它们声明为全局变量,而应该根据需要设置它们的作用域。为什么呢?全局变量容易出错。只有在不可避免且必要的情况下才声明为全局变量。
简而言之,要避免使用全局变量和方法。
3. 函数/方法
始终创建函数来封装你的代码或逻辑。
例如:而不是这样做:
var a = 2;
var b = 3;
var result = a + b;
return result;
这样做:
function sumNumbers(a,b){
return result = a + b;
}
sumNumbers(2,3);
4. 数组新方法
ECMA 团队做得非常出色,他们既让开发者的工作变得轻松,又让他们的工作充满挑战。怎么做到的呢?嗯,他们不断推出很棒的功能来简化我们的工作,但与此同时,也总有新的功能出现 :)
ES6 引入了很多基于数组的方法,例如map()`map ( reduce())`、filter()` map every()()` some()、`map()` 和 `map()`。它们(`map()`)会隐式地返回一个新的数组。你知道这意味着什么吗?
这意味着它们(map())比我们自己编写的执行相同操作的代码效率更高。
其他方法呢?它们同样可以帮助我们减少编写的代码行数,例如:filter() 或 reduce():如果您自己编写这些代码(类似于 polyfill),您就会明白我们需要编写多少代码。
所以,无论何时何地,只要有机会,就运用这些方法。
例如:而不是这样:
const a = [1,2,3,4]
let tempArr = [];
for(let i =0; i < a.length; i++){
tempArr.push(a[i]);
}
return tempArr;
这样做:
const a = [1,2,3,4];
const b = a.map((val, index) => {
return val;
});
return b;
5. 模式是你的朋友
模式有助于提高代码的可读性和封装性。在 JavaScript 中,我们有多种模式,可以根据需要选择合适的模式。将代码迁移到某种模式中是一种很好的实践。
点击此处了解图案
6. 通过评论进行交流
编写有意义的注释。注释是开发者沟通和理解代码的方式。在代码中使用清晰且编写良好的注释至关重要。
我强烈建议添加注释的一个方面是:函数期望的参数类型。当我们不使用任何类型检查库时,这一点尤为重要。
而不是这样做:
/* pass value to add numbers */
这样做:
/**
* return the sum of the two given arguments
* @type numbers
*/
7. 识别可重用代码
每种编程语言都注重“DRY(不要重复自己)”或可重用性原则。JavaScript 也不例外。作为开发者,应该识别可重用的代码并将其移至可重用代码块中functions。这样,代码就可以重复使用,只需测试一次,避免错误,节省时间,并保持一致性。
8. 错误和异常处理
用于try/catch处理错误和异常。很多开发者(包括我)都忽略了这一点。使用 try/catch 是避免浏览器出现令人尴尬的错误信息的重要方法。
9. 使用纯函数
纯函数对于避免错误和编写可重用的功能性代码至关重要。
纯函数意味着对于相同的输入值,它始终返回相同的输出,没有任何副作用。例如:`f(x)`map()是一个纯函数,但 `f(x)`Math.random()不是。
为什么纯函数很重要?
正如我之前提到的,它们有助于避免错误,促进代码的重用和函数式开发。
没有副作用,错误自然也会减少。纯函数体积小巧,有利于代码的重用,从而帮助我们编写可重用的代码。
以上仅列举几点,并非全部。我们还应该关注性能、数据操作的复杂性等等。要不断质疑和重构代码。或许没有完美的代码,但我们绝不能发布劣质代码。
快乐学习!
文章来源:https://dev.to/hellonehha/improve-your-javascript-code-with-these-1fji
