Hexo

- 博客
- 分类
- 标签
- 归档
- 关于

前言

面试问题：

说一下对变量提升的理解
说明this的几种不同的使用场景
创建10个<a>标签，点击的时候弹出来对应的序号
如何理解作用域
实际开发中闭包的应用

涉及到的知识点：

执行上下文
this
作用域
作用域链
闭包

执行上下文

执行上下文主要有两种情况：

全局代码：一段<script>标签里，有一个全局的执行上下文。所做的事情是：变量定义、函数声明
函数代码：每个函数里有一个上下文。所做的事情是：变量定义、函数声明、this、arguments

PS：注意“函数声明”和“函数表达式”的区别。

全局执行上下文

在执行全局代码前将window确定为全局执行上下文。

（1）对全局数据进行预处理：（并没有赋值）

var定义的全局变量==>undefined, 添加为window的属性
function声明的全局函数==>赋值(fun), 添加为window的方法
this==>赋值(window)

（2）开始执行全局代码

函数执行上下文

在调用函数, 准备执行函数体之前, 创建对应的函数执行上下文对象(虚拟的, 存在于栈中)。

（1）对局部数据进行预处理：

形参变量==>赋值(实参)==>添加为执行上下文的属性
arguments==>赋值(实参列表), 添加为执行上下文的属性
var定义的局部变量==>undefined, 添加为执行上下文的属性
function声明的函数 ==>赋值(fun), 添加为执行上下文的方法
this==>赋值(调用函数的对象)

（2）开始执行函数体代码

执行上下文栈

1.在全局代码执行前, JS引擎就会创建一个栈来存储管理所有的执行上下文对象
2.在全局执行上下文(window)确定后, 将其添加到栈中(压栈)
3.在函数执行上下文创建后, 将其添加到栈中(压栈)
4.在当前函数执行完后,将栈顶的对象移除(出栈)
5.当所有的代码执行完后, 栈中只剩下window

this

this指的是，调用函数的那个对象。this永远指向函数运行时所在的对象。

解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this。

根据函数的调用方式的不同，this会指向不同的对象：【重要】

1.以函数的形式调用时，this永远都是window。比如fun();相当于window.fun();
2.以方法的形式调用时，this是调用方法的那个对象
3.以构造函数的形式调用时，this是新创建的那个对象
4.使用call和apply调用时，this是指定的那个对象

需要特别提醒的是：this的指向在函数定义时无法确认，只有函数执行时才能确定。

this的几种场景：

1、作为构造函数执行

例如：

function Foo(name) {
    //this = {};
    this.name = name;
    //return this;
}

var foo = new Foo();

2、作为对象的属性执行

var obj = {