es6箭头函数

时间:2021-04-12 12:51:32   收藏:0   阅读:0

一、箭头函数是什么

箭头函数是用来简化函数定义语法的
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();

     

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!