当前位置: 首页 > 科技观察

12个非常实用的JavaScript技巧

时间:2023-03-11 21:42:26 科技观察

在这篇文章中,我将与您分享关于JavaScript的12个技巧。这些技巧可能会帮助您解决实际工作中的一些问题。使用!!转换布尔值的运算符有时我们需要检查一个变量是否存在或者检查该值是否具有有效值,如果存在则返回true。为了进行这样的验证,我们可以使用!!运算符实现起来非常方便简单。对于变量,可以使用!!variable来检测,只要变量的值为:0、null、""、undefined或NaN,就返回false,否则返回true。例如下面的例子:functionAccount(cash){this.cash=cash;this.hasMoney=!!cash;}varaccount=newAccount(100.50);??console.log(account.cash);//100.50console.log(account.hasMoney);//truevaremptyAccount=newAccount(0);console.log(emptyAccount.cash);//0console.log(emptyAccount.hasMoney);//false在这个例子中,只要account.cash的值大于0,则account.hasMoney返回的值为true。使用+将字符串转换为数字非常有用。很简单,可以把字符串数据转成数字,但是只适合字符串数据,否则会返回NaN,比如下面的例子:functiontoNumber(strNumber){return+strNumber;}console.log(toNumber("1234"));//1234console.log(toNumber("ACB"));//NaN这也适用于Date,在这种情况下,它会返回是时间戳数字:console.log(+newDate())//1461288164385和条件字符。如果你有这样一段代码:if(conected){login();}你也可以把变量简写,用&&和函数连接在一起,比如上面的例子,可以简写成这样:conected&&login();如果对象中存在一些属性或函数,也可以做这种检测,如下代码所示:user&&user.login();使用||运算符在ES6中有默认参数。要在旧版浏览器中模拟此功能,请使用||运算符并将默认值作为第二个参数传递。如果第一个参数返回false,则第二个值将被视为默认值。例如下面的例子:functionUser(name,age){this.name=name||"OliverQueen";this.age=age||27;}varuser1=newUser();console.log(user1.name);//OliverQueenconsole.log(user1.age);//27varuser2=newUser("BarryAllen",25);console.log(user2.name);//BarryAllenconsole.log(user2.age);//25缓存数组中loop.length的技巧很简单。在处理大型数组循环时,对性能的影响会非常大。基本上大家都是这样写一个同步迭代的数组:for(vari=0;i