首页 » Web前端 » php中括号箭头技巧_JavaScript 箭头函数特点与用法详解

php中括号箭头技巧_JavaScript 箭头函数特点与用法详解

访客 2024-11-17 0

扫一扫用手机浏览

文章目录 [+]

我们来聊聊箭头函数(便是下面这个东西)!
箭头函数的语法比传统的函数表达式更简洁,而且它们没有自己的 this、arguments、super 或 new.target。
它们非常适宜用在须要匿名函数的地方,同时不能作为布局函数利用。

// 当只有一个参数时,圆括号不是必须的(singleParam) => { statements }singleParam => { statements }// 没有参数的函数必须加圆括号() => { statements }

箭头函数有两个紧张优点:

php中括号箭头技巧_JavaScript 箭头函数特点与用法详解

1️⃣ 语法更简洁

php中括号箭头技巧_JavaScript 箭头函数特点与用法详解
(图片来自网络侵删)

2️⃣ 不会绑定 this

切入正题【特点】

没有自己的 this

箭头函数不会创建自己的 this,它只会继续外层浸染域的 this。

function Person() { this.age = 0; setInterval(() => { // this 精确地指向 p 实例 console.log(this === p); // true this.age++; }, 1000);}var p = new Person();与严格模式的关系

由于 this 是词法绑定的,严格模式中与 this 干系的规则将被忽略。

var f = () => { 'use strict'; return this; };f() === window; // 或 global通过 call、apply 或 bind 调用

由于箭头函数没有自己的 this,利用这些方法调用时只能通报参数,它们的第一个参数 this 会被忽略。

let adder = { base: 1, add: function (a) { console.log(this === adder); // true let f = (v) => v + this.base; return f(a); }, addThruCall: function (a) { let f = (v) => { console.log(this === adder); // true console.log(`v 的值是 ${v},this.base 的值是 ${this.base}`); // 'v 的值是 1,this.base 的值是 1' return v + this.base; }; let b = { base: 3 }; // call() 方法不能绑定 this 为 b 工具,第一个参数 b 被忽略了 return f.call(b, a); }};console.log(adder.add(1)); // 输出 2console.log(adder.addThruCall(1)); // 输出 2利用箭头函数作为方法

箭头函数没有 this 绑定。

"use strict";var obj = { i: 10, b: () => console.log(this.i, this), // undefined, Window{...} c: function () { console.log(this.i, this); // 10, Object {...} }};obj.b();obj.c();利用 new 操作符

箭头函数不能用作布局函数,用 new 调用会抛出错误。

var Foo = () => {};var foo = new Foo(); // TypeError: Foo is not a constructor作为匿名函数

ES6 的箭头函数表达式是匿名函数的一种简写办法:

// 匿名函数let show = function () { console.log("匿名函数")};show(); // "匿名函数"let show1 = () => console.log("匿名函数");show1(); // "匿名函数"

不过,箭头函数和传统匿名函数在实际操作中还是有一些差异的。

末了

如果你有任何问题或建议,欢迎在评论区留言互换!
祝你编程愉快!

标签:

相关文章

语言本体调查,探寻语言发展的奥秘

语言是人类社会不可或缺的交流工具,它承载着丰富的文化内涵和智慧结晶。为了更好地了解和把握语言发展的规律,语言学家们开展了大量的语言...

Web前端 2024-12-29 阅读0 评论0

语言栏启动项,智能时代的沟通利器

随着科技的飞速发展,人工智能已经逐渐渗透到我们的日常生活中。而在这其中,语言栏启动项作为一种新兴的技术,正逐渐成为人们沟通的得力助...

Web前端 2024-12-29 阅读0 评论0

语言治疗,呵护言语,重拾沟通之美

语言治疗,简称“语疗”,是一门专注于改善患者言语、语言和沟通障碍的医学领域。在我国,随着社会的发展和生活节奏的加快,越来越多的人受...

Web前端 2024-12-29 阅读0 评论0

语言播报技术,未来沟通的桥梁

随着科技的飞速发展,人工智能逐渐成为我们生活中不可或缺的一部分。在众多人工智能应用中,语言播报技术以其独特的魅力,正逐渐改变着我们...

Web前端 2024-12-29 阅读0 评论0