文章图片

文章图片

文章图片
Javascript是浏览器理解的语言 。 用于加载动态内容 ， 无需刷新页面 。
需要在更少的代码行中使Javascript代码更易于阅读 。 我们列出了一些推荐的方法 ， 以获得更多编写javascript代码的方法：
1.使用模板文字模板文字是可以嵌入到表达式中的字符串（变量） 。 模板文字使代码更简单、更可读 。
例如 ， 我们可以在JavaScript中使用模板文字如下：
var code = \"javascript\";var str = ` I love ${code I love ${code `;

没有模板文字 ， 我们可以把上面的例子写成如下：
var code = \"javascript\";var str1 = \"\ I love \" + code + \"\ I love \" + code + \"\\";

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 resultsum(\"s\" 6)
// result: nullsum(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） 。 为了避免混淆 ， 避免代码中的重复 。 为避免代码混乱 ， 可以遵循以下规则 。

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