在哪些JS场景中箭头函数表现不佳?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2191个文字,预计阅读时间需要9分钟。
目录概述定义对象上的方法Object 构造函数Object.prototype动态上下文中的回调函数调用构造函数简写语法总结概述近年来,ES6 将 JavaScript 的可用性提升到了一个新的水平。箭头函数、类等特性使得代码更加简洁、易读。
定义对象上的方法可以直接在对象字面量中定义方法。
javascriptlet person={ sayHello() { console.log('Hello!'); }};
Object 构造函数使用 `Object` 构造函数可以创建对象。
javascriptlet obj=new Object();
Object.prototype所有对象都继承自 `Object.prototype`。
javascriptconsole.log(Object.prototype.toString.call(window)); // [object Window]
动态上下文中的回调函数回调函数的上下文(`this`)取决于函数的调用方式。
javascriptfunction greet() { console.log(this.name);}
let person={ name: 'Alice'};
greet.call(person); // Alice
调用构造函数使用构造函数创建对象时,`this` 指向新创建的对象。
本文共计2191个文字,预计阅读时间需要9分钟。
目录概述定义对象上的方法Object 构造函数Object.prototype动态上下文中的回调函数调用构造函数简写语法总结概述近年来,ES6 将 JavaScript 的可用性提升到了一个新的水平。箭头函数、类等特性使得代码更加简洁、易读。
定义对象上的方法可以直接在对象字面量中定义方法。
javascriptlet person={ sayHello() { console.log('Hello!'); }};
Object 构造函数使用 `Object` 构造函数可以创建对象。
javascriptlet obj=new Object();
Object.prototype所有对象都继承自 `Object.prototype`。
javascriptconsole.log(Object.prototype.toString.call(window)); // [object Window]
动态上下文中的回调函数回调函数的上下文(`this`)取决于函数的调用方式。
javascriptfunction greet() { console.log(this.name);}
let person={ name: 'Alice'};
greet.call(person); // Alice
调用构造函数使用构造函数创建对象时,`this` 指向新创建的对象。

