877acb5a8f
- Implemented exercises for array high-order methods, memory and execution, switch statements, and final review. - Added starter and answer files for each exercise to facilitate learning. - Created a runner HTML file to execute JavaScript code and display console outputs. - Updated README files to include exercise objectives, tasks, and usage instructions.
28 lines
780 B
Markdown
28 lines
780 B
Markdown
# 练习 12：this
|
||
|
||
## 目标
|
||
|
||
理解 `this` 会随着调用方式不同而变化。
|
||
|
||
## 你要练什么
|
||
|
||
- 对象方法调用
|
||
- 普通函数调用
|
||
- 箭头函数继承外层 `this`
|
||
- `this` 指向
|
||
|
||
## 任务
|
||
|
||
请完成一个“学习者对象”脚本，要求：
|
||
|
||
- 创建一个带 `name` 和 `stage` 的对象
|
||
- 写一个对象方法，方法内部用 `this.name`
|
||
- 取出这个方法单独调用，观察 `this` 变化
|
||
- 再写一个返回箭头函数的方法，观察箭头函数为什么还能拿到对象的 `this`
|
||
- 输出 3 种调用结果
|
||
|
||
## 文件
|
||
|
||
- [starter.js](/Users/lijiaqing/home/wwwroot/front-end-example/03-javascript-core/12-this-keyword/starter.js)
|
||
- [answer.js](/Users/lijiaqing/home/wwwroot/front-end-example/03-javascript-core/12-this-keyword/answer.js)
|