VIP26/day22/js/8.箭头函数.js

function fn1() {
    console.log(this,'this');
    console.log(arguments,'arguments');
}
fn1();

let fn2 = function () {
    console.log("fn2");   
}
fn2();

// let fn3 = () => {
//     console.log(arguments,'arguments2')
// }
// fn3();

/**
 * ES6允许使用箭头函数 
 * 箭头函数:（）=> {}
 * 普通函数：function() {} 
 * 1.函数中this指向是window 箭头函数中this指向父级作用域
 * 2.箭头函数中this指向不能改变
 * 3.当传入的实参只有一个值的时候 形参的小括号可以省略
 * 4.当代码块中的语句只有一条时 可以省略代码块
 * 5.箭头函数中不能使用arguments实参 可以使用rest
 * 6.箭头函数不能作为构造函数去new
 */

var lis = document.querySelectorAll("ul li");
for(let i=0;i<lis.length;i++) {
    lis[i].onclick = function() {
        // setTimeout(()=>{
        //     console.log(this,'2')
        // }.bind(this),1000)
        // setTimeout(function(){
        //     console.log(this,'3')
        // }.bind(this),1000)
    }
    // lis[i].onclick = () => {
    //     console.log(this,'2')
    // }
}

let f1 = (...ar) => 
console.log(ar,'实例') ;

f1(100,1000);

let person1 = function(name) {
    this.name = name;
    console.log(this.name,'名字')
};

var p1 = new person1('aa');
console.log(p1,'p1')

let person2 = (age) => {
    this.age = age;
    console.log(this.age,'年龄');
} 
var p2 = new person2(30);
console.log(p2,'p2');