使用JavaScript提升代码游戏的9种方法

Javascript是浏览器理解的语言。用于加载动态内容，无需刷新页面。
需要在更少的代码行中使Javascript代码更易于阅读。我们列出了一些推荐的方法，以获得更多编写javascript代码的方法：

1.使用模板文字
模板文字是可以嵌入到表达式中的字符串（变量）。模板文字使代码更简单、更可读。
例如，我们可以在JavaScript中使用模板文字如下：
var code = “javascript”;var str = `

  I love ${code}
  I love ${code};

没有模板文字，我们可以把上面的例子写成如下：

var code = "javascript";var str1 = "\n I love " +  code + "\n I love " +  code + "\n";

2.使用三元运算符
在编程中，大多会遇到逻辑操作。如果你想在两个语句之间执行逻辑，三元运算符的可读性要高得多。

let price= isMember ? '$2.00' : '$10.00'

3.在JavaScript中使用Include语句
在JavaScript中包含语句是在数组和句子中搜索字符串的更简单方法。
可以在JavaScript中使用包含语句，如下所示：

var str = "I love JavaScript.";var word = str.includes("javaScript"); // result: true

在数组中，我们可以使用包含语句如下：

var str = ["taimoor", "ali", "umer"];var n = str.includes("taimoor"); // result: true

include语句返回true还是false取决于字符串是否出现在句子或数组中。

4.Nullish Operator
如果正在使用第三方 API，可能遇到过每个查询中不显示相同的键值。必须在JSON中检查空键，这样代码就不会出错误。
要检查空密钥，您可以使用以下方法：

Conditional Statement
The nullish coalescing operator (??) - (Recommended)

例如，我们在JavaScript中遵循了以下JSON：

var person = {
  name: "Taimoor Sattar",
  age: 21,
  metadata: {
    hobby: "football, blog"
  }
}

使用条件语句，我们可以访问JSON元数据中的键，如下所示：

let hobby = "";if (person.metadata){
  hobby = person.metadata.hobby ? person.metadata.hobby : "";
}

使用nullish聚合运算符，我们可以访问JSON元数据中的键，如下所示：
let hobby = person.metadata?.hobby ?? “”;
上面的代码检查JSON元数据中的键，如果可用，它返回值，否则返回空字符串。

5.函数中的默认参数值
JavaScript中的一些函数允许发送选项参数。基于可选参数，函数的返回值可以更改。
我们可以通过如下实例演示函数中的默认参数：

function outputName(name="taimoor"){
  return name;
}
let string1 = outputName(); // result: taimoorlet string2 = outputName("ali"); // result: ali

6.函数中参数类型检查
可能，可能存在函数参数没有有效类型的情况。可以执行其他检查来验证参数类型。
我们可以用以下示例来演示这一点：

function sum(a, b){
  let result = (typeof a == "number" && typeof b == "number") ? a + b :  null;
  return result
}

sum("s", 6) // result: null
sum(4, 6) // result: 10

7.Try/Catch语句中的包装代码
try/Catch语句用于检查代码中的错误。如果错误，将运行 catch 语句。
我们可以用以下示例来演示这一点：

try{
  functionnotexist();
}catch(e){
  console.log("error");
}

上述代码控制台记录了错误，因为函数不存在。

8.Destructuring
析构允许您将复杂部分分解为块。
例如…
如果你的复杂函数需要很多参数来执行，那么最好去解构函数。而不是传递字符串、浮点数等单个参数；在函数中传递对象。单个对象可以保存多个值。
我们可以如下演示这个例子：

function outputName({name = "taimoor"}){ // De-structuring
  return name;
}
var person = {
  name: "Taimoor Sattar",
  age: 21,
  metadata: {
    hobby: "football, blog"
  }
}
let str = outputName(person); // Taimoor Sattar

9.编写DRY代码
DRY的意思是（don’t repeat yourself）。为了避免混淆，避免代码中的重复。为避免代码混乱，可以遵循以下规则。

• 写一个可重用的函数
• 为变量和函数定义清晰的名称

好了，本文到此结束。如果对编程、计算机、程序员方面感兴趣的话，欢迎私信联系我，随时交流！点个关注，是对我莫大的鼓励！