javascript es6 箭头函数
发布日期:2021-10-24 03:50:13 浏览次数:1 分类:技术文章

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

1、箭头函数示例

let add = (a,b) => a + b         //没有语句块时,默认作为返回值

add(1,2);

var multi = (a,b) => {return a * b;}    //在语句块中返回值 

multi(1,2);

2、如果箭头表达式仅仅是简化函数的命名,为什么要改变原来习惯而去使用?

箭头函数内部没有constructor方法,也没有prototype,所以不支持new操作。但是它对this的处理与一般普通函数不一样,箭头函数的this始终指向函数定义时的this,而非执行时。

 

3、箭头对this的处理与一般普通函数不一样,箭头函数的this始终指向函数定义时的this,而非执行时。实例验证

/*this会发生改变*/function es6() {    var obj = {        x: 1,        func: function () {            console.log(this.x);        }        test: function () {            setTimeout(function () {                alert(this); //指针转移:setTimeout由js调用所以this window对象                this.func(); //报错:func没定义            }, 1000);        }    }}/*改为箭头函数,避免this发生变化,让this始终指向函数定义*/function upgradeEs6() {    var obj = {        x: 1,        func: function () {            console.log(this.x);        }        test: function () {            setTimeout(() => {                alert(this);                this.func();            }, 1000);        }    }}

 

转载于:https://www.cnblogs.com/chenweichu/p/9333472.html

转载地址:https://blog.csdn.net/weixin_30687587/article/details/96962705 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:初识Eclipse!!
下一篇:基于FineUIMVC基础版开发的通用后台框架

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年04月26日 03时11分30秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章