博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
箭头函数
阅读量:6353 次
发布时间:2019-06-22

本文共 664 字,大约阅读时间需要 2 分钟。

es6允许用箭头表示函数,称为箭头函数。

箭头函数看起来是语法上的变动,其实也影响了this的作用域。

我们可以通过在控制台输入输出查看箭头函数的作用。

如果我们换成箭头函数的话,等同于:

很简单。

如果只有一个参数,可以省略括号:

parameters => { statements }

 

如果返回值仅仅只有一个表达式(expression), 还可以省略大括号:

parameters => expression
 
// 等价于:
function (parameters){
return expression;
}

 

 

再一个好处是函数体内定义的this对象,是定义时所在的对象,不是使用时的对象。

eg:

传统函数的this很善变,作用域仅限与当前函数:

 

man = {    name:'lee', init:function(){ var self = this; var printName = function() { console.log(self.name); } printName(); } } man.init();

 

箭头函数this取决于在哪儿定义,不可变:

man = {    name:'lee', init:function(){ var printName = () => { console.log(this.name); } printName(); } } man.init();

 

转载于:https://www.cnblogs.com/haley0125/p/7089999.html

你可能感兴趣的文章
C语言指针入门
查看>>
cmake检测g++编译器是否支持c++11
查看>>
有关Oracle数据库中同义词
查看>>
Ubuntu10.4下配置telnet服务
查看>>
IM 之 融云
查看>>
前言《iOS网络高级编程:iPhone和iPad的企业应用开发》(书籍学习)
查看>>
shell学习笔记(2)
查看>>
node_modules
查看>>
第一个爬虫测试
查看>>
Spring.net 间接调用被AOP拦截的方法失效(无法进入aop的拦截方法)
查看>>
Mysql 不同版本 说明
查看>>
常见BUG
查看>>
条件表达式
查看>>
SpringMvc多视图配置(jsp、velocity、freemarker) 在src目录views.properties配置
查看>>
项目使用EntityFramework需要做的几项工作
查看>>
notepad++
查看>>
爱上MVC~在Views的多级文件夹~续~分部页的支持
查看>>
常用的css命名规则:
查看>>
PHP检测数组中的每个值是否含有特殊字符
查看>>
JavaScript全局变量的避免(《JavaScript语言精粹》相关笔记)
查看>>