箭头函数
普通函数
命名函数
function fn1(){
}
//字面量形式
var fun2=function(){
}
//箭头函数
var fn3=()=>{
console.log(a,b)
}
fn3(10,11);
//一个参数
var fn4=a=>{
console.log(a);
}
//没有参数
//没有参数的时候，不能省略括号
var f5=()=>{
console.log(123);
}
//返回值
function aa(){
return 123;
}
let aa1=()=>123;//箭头函数
//箭头函数中如果只有一条 return 语句
// 则可以省略大括号
// 如果这个箭头函数还有且只有一个形参
// 则小括号也可以省略
let aa1 = a => a + 1
function b(){
return function b1(a){
return a+1;
}
}
let b=()=>a=>a+1;
let b1=b()(1);
console.log(b1);
btn.onclick=function(){
console.log(this);//标签
}
btn1.onclick=()=>{
console.log(this);//window
}
btn.onclick=function(){
setInterval(function(){
console.log(this);
},3000)
}
btn.onclick=function(){
setInterval(()=>{
console.log(this);
},3000)
}
btn.onclick = function () {
btn1.onclick = function () {
console.log(this);
}
}
- 当内部函数使用箭头函数时，不会改变外部函数的this指向
- 总结
- 普通函数谁调用我 我的this指向谁
- 箭头函数 我在谁里面被定义我的this就指向谁
let obj={
say:function(){
console.log(this);
},
eat:()=>{
console.log(this);
}
}
let {
say,
eat,
}=obj;
obj.say();
obj.eat();
给对象定义方法时不要使用箭头函数
function Dog(){
this.say=function(){
console.log(this);
}
this.eat=()=>{
console.log(this);
}
}
let d1=new Dog();
d1.say();
d1.eat();
