箭头函数和js-for循环

【一】箭头函数

【1】匿名函数

var f=function(name){
    console.log(name)
}
f('hope')

【2】箭头函数(无参数无返回值)

var f1= ()=>{
    console.log('我是箭头函数')
}
f1()

【3】箭头函数(有多个参数无返回值)

var f1= (name,age)=>{
    console.log(name,age)
}
f1()

【4】箭头函数(有一个参数无返回值)

var f1= name=>{
    console.log(name)
}
f1('hope')

【5】箭头函数（有一个参数，一个返回值）

var f1= name=>{
    return name+'_nb'
}
f1('hope')
//简写
var f1= name=>name+'_nb'
}
f1('hope')

• 注意：箭头函数内部，没有自己this,箭头函数内部用this,就是作用域的this

【二】js-for循环的方式

【1】es6变量定义

• let定义 局部变量，只有它的作用域内有效
• const定义常量

function showName(){
    const a = 100 //常量
}
console.log(a)

【2】普通索引循环

for (let i = 0; i < 10; i++) {
    console.log(i)
}
l=[3,4,5,6]
for (let i = 0; i < l.length; i++) {
    console.log(l[i])
}

【3】迭代循环--of循环--循环出一个值

l=[3,4,5,6]
for(let item of l){
    console.log(item)
}
3
4
5
6

【4】迭代循环--in循环--循环出索引

l=[3,4,5,6]
for(let item in l){
    console.log(item)
}
0
1
2
3

【5】数组 的方法实现循环

l=[3,4,5,6]
//值在前，索引在后
l.forEach((item,index)=>{
    console.log(item,index)
})
3 0
4 1
5 2 
6 3

【6】jquery的循环

l=[3,4,5,6]
//就会索引在前，值在后
$.each(l,(index,item)=> {
    console.log(item,index)
})
0 3
1 4
2 5
3 6