JS中的流量控制技巧前言一、循环二、和||三、 variable展开符号总结
前言
作为后端开发,我很少写前端代码。 掌握前端技巧,可以让自己写的前端代码更优雅。
一、循环1、一般循环语法
for(varI=0; i 5; I )//willexecute5times ) 2,循环数组语法
for(letvalueofarray )//dosomethingwithvalue ) 3,循环对象属性语法
请注意for (letpropertyinobject (/dosomethingwithobjectproperty )关键字of与关系字in的区别。 少的话容易混淆。
其实循环序列也可以使用in关键字。 用这个方法知道就好了。 不推荐:
for(letvalueinarray ) { //do something with value //此时value是索引而不是数组的元素! ) 4、forEach语法,这个用法推荐:
['dog '、' cat '、' hen ' ].foreach (功能(current value,索引,array )//dosomethingwithcurrentvalueoraray )
['dog '、' cat '、' Hen'].Foreach((currentvalue,index,array ) )//dosomethingwithcurrentvalueoraray ) inded
1、可用于空判定
var name=o o.getName (; 如果o不为空,name将分配o.getName ()的值。 如果o为空,则name分配o的值并为空。
2、||可用于缓存
varname=cached name|| (cached name=getname () ); 如果缓存不为空,则返回缓存的值。 如果cacheName为空,则用getName ()更新缓存并返回cacheName的值。
三、…variable展开符号1、…args用于接收所有未捕获的变量,args为Array类型。
函数avg (args ) ) { var sum=0; for(letvalueofargs ) { sum =value; } return sum/args.length; }AVG(2、3、4、5 ); //3.5以下args正在接收firstValue以外的参数。
function avg (第一个值, args ) { var sum=0; for(letvalueofargs ) { sum =value; } return sum/args.length; }AVG(2、3、4、5 ); //4 2、函数调用时使用展开操作符
函数avg (args ) ) { var sum=0; for(letvalueofargs ) { sum =value; } return sum/args.length; } let numbers=[ 2,3,4,5 ] avg (. numbers ); //3.5总结这篇文章的小技巧内容很少,大家都很容易记住,所以大家都会的我就摘下来了。