es6箭头函数

标签：rgb   class   nbsp   没有   turn   一个   const   简化   上下   

一、箭头函数是什么

箭头函数是用来简化函数定义语法的
const hh=()=>{}，函数名=（参数1，参数2）=>{函数体}
1.函数体中只有一句代码，且代码的执行结果就是返回值，可以省略大括号
2.如果形参只有一个，形参外侧的小括号也可以省略
3.this在箭头函数中的用法，箭头函数不绑定this关键字，箭头函数中的this,指向的是函数定义位置的上下文this

1. 在箭头函数中，函数体中只有一句代码，且代码的执行结果就是返回值，函数体大括号可以省略

   			 function sum(num1,num2){
   				return num1+num2;
   			} 
                          const sum=(num1,num2)=>num1+num2;
   

   　　

2. 如果形参只有一个，形参外侧的小括号也可以省略

   const fn=v=>{
                    alert(v);
            }
           fn(20);

    

3. this在箭头函数中的用法，箭头函数不绑定this关键字（箭头函数中没有this机制），箭头函数没有自己的this关键字,如果箭头函数中使用this,this关键字指向箭头函数定义位置中的this。箭头函数中的this始终指向箭头函数定义时的离this最近的一个函数，如果没有最近的函数就指向window。
4. 箭头函数面试题,对象是不能产生作用域的,箭头函数相当于被定义到了全局作用域下,this指向widow，widow对象没有age属性。

   var obj={
                   age:20,
                   say:()=>{
                       alert(this.age)
                   }
                   
               }
               obj.say();

    

es6箭头函数

标签：rgb   class   nbsp   没有   turn   一个   const   简化   上下   

原文地址：https://www.cnblogs.com/qiaozhiming123/p/14644928.html