本文已获得原作者TaimoorSattar授权翻译。Javascript是一种浏览器可以理解的语言，它用于在不刷新页面的情况下加载动态内容。今天先来列举一些代码更少、可读性更强的JS写法。使用模板字符串模板字符串是可以嵌入到表达式中以使代码更简单易读的字符串（变量）。varcode="javascript";varstr=`Ilove${code}Ilove${code}`;如果没有模板字符串，我们需要这样写：varcode="javascript";varstr1="nIlove"+code+"nIlove"+code+"n";使用三元运算符在编程中，你会遇到逻辑运算。如果要在两个语句之间执行逻辑，三元运算符的可读性要高得多。letprice=isMember?'$2.00':'$10.00'使用include语句JS中的include语句是一种更简单的在数组和句子中搜索字符串的方法。varstr="IloveJavaScript.";varword=str.includes("javaScript");//result:true数组也可以使用include方法：varstr=["taimoor","ali","umer"];varn=str.includes("taimoor");//result:trueNullcoalescingoperator如果我们在使用第三方API，我们可能会遇到每次查询都不会出现相同的key-value。这样我们就必须检查JSON中的空键，这样我们就不会出错。要检查空键，可以使用以下方法：条件语句Nullcoalescingoperator(??)-(recommended)例如，我们有以下JSON：varperson={name:"TaimoorSattar",age:21,metadata：{hobby:"football,blog"}}使用条件语句，我们可以访问JSON的matadata中的hobby属性，如下所示lethobby="";if(person.metadata){hobby=person.metadata.hobby?person.metadata.hobby:"";}使用空合并运算符，我们只需要这样做：lethobby=person。空字符串。函数默认参数JS中的一些函数允许我们发送选项参数。根据可选参数，函数的返回值可能会发生变化。functionoutputName(name="taimoor"){returnname;}letstring1=outputName();//result:taimoorletstring2=outputName("ali");//result:ali参数的类型检查在某些情况下，函数参数必须有类型限制，我们可以像这样检查函数的类型：functionsum(a,b){letresult=(typeofa=="number"&&typeofb=="number")?a+b:null;returnresult}sum("s",6)//result:nullsum(4,6)//result:10使用Try/Catch包裹代码Try/Catch语句用于检查代码中的错误。如果发生错误，将运行catch语句。try{functionnotexist();}catch(e){console.log("error");}解构通过解构，我们可以从复杂的结构中提取出我们需要的部分。functionoutputName({name="taimoor"}){//De-structuringreturnname;}varperson={name:"TaimoorSattar",age:21,metadata:{hobby:"football,blog"}}letstr=outputName(person);//TaimoorSattarwriteDRYcodeDRY(don'trepeatyourself)，避免代码中的重复，以免混淆。为避免代码混乱，可以遵循以下规则。编写可重用函数为变量和函数定义明确定义的名称我是Ash，下次见！作者：TaimoorSattar译者：FrontendAsh来源：valentinogwith-javascript
