本文小编为大家详细介绍“JavaScript箭头函数的使用方法有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“JavaScript箭头函数的使用方法有哪些”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。前言：箭头函数是ES6新增的定义函数的方式，我们可以使用()=>{}来顶替以前的函数定义方式，下面从五个使用姿势与三点注意事项来刨析箭头函数。当我们箭头函数函数只有一个参数的时候是可以将()省略，当代码块只有一行的时候可以将{}与return省略如上代码块只有一个参数num且只有一行代码return num.sort()，所以将()，{}与return省略为了进一步简化还可以与解构赋值结合使用使用解构赋值直接将name与age解构，替换了person,name的用法，使函数更加简洁。在函数参数定义中可以结合rest参数搭配使用使用...arr将所有参数都包裹在内，在函数体内进行一些需要的操作。在箭头函数中使用this，它的指向是不变的，因为箭头函数没有拥有属于自己的this，其指向的是函数定义时所在的对象 , 所以箭头函数的出现往往就顶替了我们常用的let _that = this又或者在函数结尾使用绑定this指向的对象来解决在函数体内this的问题如上例子，在全局中声明了一个name变量，我们再通过call()绑定新的对象{ name: "猪痞恶霸" }，在set函数执行的时候，箭头函数被定义，而被定义的时候其已经通过set.call()更改了指向的对象，所以打印出的是新的对象中的name属性，这就是箭头函数的this指向特点，如果是普通函数，其指向依旧是顶层对象。在之前ES5可以通过bind，call，apply来显式绑定this对象，而箭头函数的出现打破了这种局面，同时也配套使用::来作为函数绑定的方式::的使用方法：将要绑定的对象放在::的左边，函数放在::的右边，执行后，函数内的this就会指向绑定的对象如上，原来的显式绑定方式与使用::的绑定方式进行一个比较，看过二者的比较就可以了解::的使用了。箭头函数无法作为一个构造函数，所以无法通过new命令来构造如上，如果使用new来构造的化就会抛出fn不是一个构造函数在箭头函数内是无法使用arguments即参数对象，因为在其函数体内部不存在arguments对象当然我们可以使用扩展运算符来代替其使用，比使用参数对象方便。箭头函数无法使用yield命令，也就是说无法将箭头函数转变为生成器函数，具体是为什么，我的直观感受就是作为生成器必须是function*，而箭头函数的形式无法作为一个生成器。了解到这里，下面我们来看一道经典的面试题。上面是一道考察箭头函数，this指向，作用域的面试题，它的打印结果为undefined，我们来一点一点分析使用let在下声明了一个name再声明一个对象，内含一个name属性和一个方法，该方法使用定时器并打印this.name调用对象的这个方法，this开始寻找定时器中的箭头函数没有this，向上寻找，到达person免费云主机域名，由于person是一个对象，所以它的{}包裹的不是作用域继续向上寻找，到达了顶层对象window查看window内是否含有name属性，由于使用let声明，所以其属性不在window中，打印出undefined读到这里，这篇“JavaScript箭头函数的使用方法有哪些”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。
这篇文章主要介绍“php去掉最小最大值的函数方法有哪些”，在日常操作中，相信很多人在php去掉最小最大值的函数方法有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”php去掉最小最大值的函数方法有哪些”的疑惑有所帮助！接下来，…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
