JS(作用域与闭包)

JS(作用域与闭包)

1.对变量提升的理解

1.变量定义(上下文)

2.函数声明

2.说明 this 几种不同的使用场景

常见用法

1.作为构造函数执行

2.作为对象属性执行

3.作为普通函数执行(this === window)

4.call apply bind

3.创建10个 标签,点击的时候弹出来对应的序号

JS(作用域与闭包)_第1张图片

结果:均显示JS(作用域与闭包)_第2张图片

 

这种的结果是:每次点击时 i 都为10;点击 click 时,弹出 i,i 是自由变量,这时 i 已经变为 10了,故每次输出都为10;i 是全局作用域,存在覆盖的问题

JS(作用域与闭包)_第3张图片

使用 i 将函数包住,相当于创建 10 个函数 i ,不存在覆盖问题。

自执行函数:不用调用,只要定义完成,立即执行的函数(i 为 自执行函数)

4.如何理解作用域

1.自由变量(当前作用域没有定义的变量)

2.作用域链(自由变量的查找)

变量与函数的查找规则: 当我们调用一条数据的时候,js首先会在当前作用域中进行查找,如果找不到,就向上找到父级的作用域,如果在父级的作用域中也找不到,就继续向上查找,直到window的作用域。如果在window中也找不到,就报错了

3.闭包的两个场景:1.函数作为返回值2.函数作为参数传递

 5.实际开发中闭包的应用

 封装变量,收敛权限(不能更改的部分)

JS(作用域与闭包)_第4张图片

检验该数组是否在之前存在过

 闭包的意义:在 isFirstLoad 函数外面,根本不可能修改掉 _list 的值(没来过的就是 < 0)

一、执行上下文

JS(作用域与闭包)_第5张图片

1.范围:一段

你可能感兴趣的:(#,JS,面试)