es6箭头函数

一、箭头函数是什么

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

  1. 在箭头函数中,函数体中只有一句代码,且代码的执行结果就是返回值,函数体大括号可以省略
    1
    2
    3
    4
    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();

     

posted @   前端乔  阅读(84)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
点击右上角即可分享
微信分享提示