箭头函数vs匿名函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script> // 1.在箭头函数里没有自己的 this 和 arguments let a = { foo: 42, bar: () => { // console.log(this); // console.log(arguments); // 报错 console.log('Inside `bar`:', this.foo); console.log('Inside `bar`:', a.foo); /* Inside `bar`: undefined Inside `bar`: 42 */ }, } a.bar(); // 2.在匿名函数里有 let b = { foo: 42, bar: function() { console.log(this); // {foo: 42, bar: ƒ}bar: ƒ ()foo: 42__proto__: Object console.log(arguments); // Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]callee: ƒ ()arguments: nullcaller: nulllength: 0name: "bar"prototype: {constructor: ƒ}__proto__: ƒ ()[[FunctionLocation]]: 箭头函数.html:27[[Scopes]]: Scopes[2]length: 0Symbol(Symbol.iterator): ƒ values()__proto__: Object console.log('Inside `bar`:', this.foo); // Inside `bar`: 42 }, } b.bar(); </script></body></html> |
箭头函数无法 new
- 箭头函数无法 new
> new (() => {});
TypeError: (intermediate value) is not a constructor
> var x = () => {};
> new x();
TypeError: x is not a constructor
- 匿名函数可以
> new (function() {});
{}
> let f = function() {};
> new f();
f {}
分类:
javascript
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？