add file：作用域和闭包

2018-03-12 08:31:42 +08:00 · 2018-03-12 08:31:42 +08:00 · 990276f3a2
commit 990276f3a2
parent e3566d9cc5
3 changed files with 212 additions and 1 deletions
--- a/06-前端基础/06-作用域和闭包.md
+++ b/06-前端基础/06-作用域和闭包.md
@ -0,0 +1,196 @@
+
+
+## 前言
+
+面试问题：
+
+- 说一下对变量提升的理解
+
+- 说明this的几种不同的使用场景
+
+- 创建10个`<a>`标签，点击的时候弹出来对应的序号
+
+- 如何理解作用域
+
+- 实际开发中闭包的应用
+
+涉及到的知识点：
+
+- 执行上下文
+
+- this
+
+- 作用域
+
+- 作用域链
+
+- 闭包
+
+
+
+## 执行上下文
+
+执行上下文主要有两种情况：
+
+- 全局代码： 一段`<script>`标签里，有一个全局的执行上下文。所做的事情是：变量定义、函数声明
+
+- 函数代码：每个函数里有一个上下文。所做的事情是：变量定义、函数声明、this、arguments
+
+PS：注意“函数声明”和“函数表达式”的区别。
+
+
+先说全局的上下文：在执行代码之前，会先把所有的变量定义和函数声明拿出来（先拿出来放着，不急着赋值）。
+
+20180311_1100.png
+
+
+## this
+
+this指的是，**调用函数的那个对象**。
+
+需要特别提醒的是：this的指向在函数定义时无法确认，只有函数执行时才能确定。
+
+
+20180311_1117.png
+
+
+this的几种场景：
+
+- 1、作为构造函数执行
+
+例如：
+
+```javascript
+    function Foo(name) {
+        //this = {};
+        this.name = name;
+        //return this;
+    }
+
+    var foo = new Foo();
+```
+
+- 2、作为对象属性执行
+
+
+
+```javascript
+    var obj = {
+        name: 'A',
+        printName: function () {
+            console.log(this.name);
+        }
+    }
+
+    obj.printName();
+
+```
+
+
+- 3、作为普通函数执行
+
+
+```javascript
+    function fn() {
+        console.log(this); //this === window
+    }
+
+    fn();
+```
+
+
+
+- 4、call apply bind
+
+
+## 作用域和作用域链
+
+### 作用域
+
+- **没有块级作用域**。
+
+```javascript
+if (true) {
+	var name = 'smyhvae';
+}
+console.log(name);
+```
+
+
+上方代码中，并不会报错，因为：虽然 name 是在块里面定义的，但是 name 是全局变量。
+
+
+- 只有全局作用域和函数作用域。
+
+
+
+### 作用域链
+
+
+外部函数定义的变量可以被内部函数所使用，反之则不行。
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script>
+        //只要是函数就可以创造作用域
+        //函数中又可以再创建函数
+        //函数内部的作用域可以访问函数外部的作用域
+        //如果有多个函数嵌套，那么就会构成一个链式访问结构，这就是作用域链
+
+        //f1--->全局
+        function f1(){
+            //f2--->f1--->全局
+            function f2(){
+                //f3---->f2--->f1--->全局
+                function f3(){
+                }
+                //f4--->f2--->f1---->全局
+                function f4(){
+                }
+            }
+            //f5--->f1---->全局
+            function f5(){
+            }
+        }
+
+    </script>
+</head>
+<body>
+
+</body>
+</html>
+```
+
+
+## 闭包
+
+
+闭包就是能够读取其他函数内部变量的函数。
+
+
+
+只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
--- a/06-前端基础/21-面经推荐.md
+++ b/06-前端基础/21-面经推荐.md
@ -23,3 +23,9 @@

 写得很长啊。

+
+### 2018-03-11
+
+- [2017年BAT面试题大全集](http://www.bijishequ.com/detail/421600?p=)
+
+- [bat前端面试内容记录](https://www.jianshu.com/p/d94d5290328c)
--- a/06-前端基础/面试题整理.md
+++ b/06-前端基础/面试题整理.md
@ -4,7 +4,7 @@

 ## GitHub

- 面试题和答案：<https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers>
+- [荐]面试题和答案：<https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers>


 - 面试题和答案：<https://github.com/qiu-deqing/FE-interview>
@ -18,6 +18,15 @@
 - <https://github.com/giscafer/front-end-manual/issues/3>


+## 其他
+
+### 2018-03-11
+
+
+- web前端面试题汇总：<https://www.jianshu.com/p/2f7eb1ad7174>
+
+- 2017前端面试题及答案总结：<https://yeaseonzhang.github.io/2017/09/17/2017%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98%E5%8F%8A%E7%AD%94%E6%A1%88%E6%80%BB%E7%BB%93/>
+