【interview】new_原型链_作用域链_预处理_预解析

标签：class   地方   作用域链   规则   lan   覆盖   也有   变量提升   div   

1. New操作符具体干了什么

对于const a = new Foo();，new 干了以下事情

• const o = new Object();    //创建了一个新的空对象o
  o.__proto__ = Foo.prototype;    //让这个o对象的` __proto__`指向函数的原型`prototype` 让空对象的原型属性指向原型链，设置原型链 obj._proto_=Func.prototype;
  Foo.call(o);    // 让构造函数的this指向o
  a = o;    // 将 o 对象赋给a对象 返回添加属性后的对象

  用 call 来实现继承，用 this 可以继承 Foo 中的所有方法和属性

•  

  function Func1(){
      this.name = ‘Lee‘;
      this.myTxt = function(txt) {
          console.log( ‘i am‘,txt );
      }
  }
   
  function Func2(){
      Func1.call(this);    // 执行 Func1，并且 Func1() 中的 this 指向 Func2
  }
   
  var func = new Func2();

  func.myTxt(‘Geing‘); // i am Geing console.log (Func3.name); // Lee

  

2. 深入Js之我是如何搞懂作用域和闭包的（参考：https://juejin.im/post/5e8d28c0518825739c734dfb#heading-0）

作用域：

就是存放 变量 和 函数 的地方

• ES6之前，js 只有 全局作用域 和 函数作用域

全局作用域中存放了全局变量和全局函数。

每个函数也有自己的作用域，函数作用域中存放了函数中定义的变量

由于变量提升带来的变量会在不被察觉的情况下被覆盖掉、for 循环中本该被销毁的变量没有被销毁等一系列问题

• ES6 新增的 let 和 const ，实现了块级作用域

作用域链：

多个上下级关系的作用域形成的链, 它的方向是从小向大的(从内到外)

作用：查找变量的规则

先自身作用域找，找不到再上一级找，最终来到全局作用域，找不到就报错(xxx is not defined)

闭包：

MDN 中对闭包的定义："函数和对其周围状态（词法环境）的引用捆绑在一起构成闭包。"

在 JavaScript 中，根据词法作用域的规则，内部函数总是可以访问其外函数中声明的变量，当通过调用外部函数返回一个内部函数后，即使该外部函数已经执行结束了，但是内部函数引用外部函数的变量依然保存在内存中，我们就把这些变量的集合称为闭包

比如下面外部函数 foo那么这些变量的集合就称为 foo 函数的闭包 

• 

  function foo() {
      var name = ‘Top‘
      let test1 = 1
      const test2 = 2
      var innerBar = {
          getName: function() {
              console.log(test1)
              return name
          },
          setName: function(newName) {
              name = newName
          }
      }
      return innerBar
  }
  
  var bar = foo()
  bar.setName(‘You‘)
  bar.getName()
  console.log(bar.getName)

  

3. 在 js 中，查找对象属性的 原型链

【interview】new_原型链_作用域链_预处理_预解析

标签：class   地方   作用域链   规则   lan   覆盖   也有   变量提升   div   

原文地址：https://www.cnblogs.com/mailyuan/p/13288667.html