字数

353 字

阅读时间

2 分钟

箭头函数的this

箭头函数的引入有两个方面的作用：

• 一是更简短的函数书写
• 二是对this的词法解析。

普通函数: this指向调用它的那个对象 箭头函数:不绑定this，会捕获其所在的上下文的this值，作为自己的this值,任何方法都改变不了其指向，如: call(),bind(),apply()

解释

var obj = { a: 10, b: () => { console.log('b this.a:',this.a); // undefined console.log('b this:',this); // Window }, c: function() { console.log('c this.a:',this.a); // 10 console.log('c this:',this); // {a: 10, b: ƒ, c: ƒ} } } obj.b(); obj.c();

执行结果: ![[Pasted image 20240305113352.png]]

JavaScript 中的匿名函数是指没有显式名称的函数，也称为函数表达式（Function Expression）。这种函数没有通过函数名进行定义，而是直接赋值给一个变量或作为另一个函数的参数传递。

匿名函数的典型语法如下所示：

var myFunction = function() {     
// 函数体 };`

![[Pasted image 20240229210437.png]]

箭头函数通常是匿名的，但是你仍然可以将其赋值给一个变量，并通过该变量引用和调用箭头函数。例如：

const myFunction = () => {  
	console.log("This is an arrow function"); 
};  

myFunction(); // 调用箭头函数

![[Pasted image 20240229211042.png]]

箭头函数的简写 ![[Pasted image 20240229211210.png]]

![[Pasted image 20240229211337.png]]

![[Pasted image 20240229211654.png]]

![[Pasted image 20240302183958.png]]

贡献者

sunchengzhi

文件历史

最后编辑于 大约 2 个月前查看完整历史

de5fa-fix:修改文件名