动态/静态语言执行速度、Js_(链式)作用域、闭包

summary_2018/08 designIdea language_js

1、静态语言为什么比动态语言更加快？？？

• 最直观的回答就是，动态语言（如js、php）在运行时需要动态编译，然后执行；而静态语言，在运行前就已经编译完成，在运行时只需要解释运行即可（如Java直接运行字节码）。其实最根本的原因是由于动态语言是一种弱语言类型，只能在运行时确定类型。我们来看一个例子：
• 静态语言类型（编译时确定变量的位置/偏移，偏移的大小是固定的，直接根据偏移位置查找（特别是对于对象属性的查找））
  
• 动态语言类型
  
  
• 区别
  

2、javaScript的作用域/链和闭包

• 作用域和作用域链
  
  • JavaScript 有两个范围：全局和局部。在函数定义之外声明的变量是全局变量，它的值可在整个程序中访问和修改。在函数定义内声明的变量是局部变量。每当执行函数时，都会创建和销毁该变量，且无法通过函数之外的任何代码访问该变量。JavaScript不支持块范围（通过一组大括号{...}定义新范围），但块范围变量的特殊情况除外。
  • 链式作用域：作用域链由多个作用域构成，由代码的执行环境决定，js中所有的标志符都是通过作用域链来查找的，而闭包也是通过作用域链实现的。（Javascript语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。）
  • Tips：在JavaScript中,每个函数实际上都是一个Function对象。在函数执行时，this关键字并不会指向正在运行的函数本身，而是指向调用该函数的对象。

## Example:
// 作用域
// Global definition of aCentaur.
var aCentaur = "a horse with rider,"
// A local aCentaur variable is declared in this function.
function antiquities(){
   var aCentaur = "A centaur is probably a mounted Scythian warrior"
}
antiquities()
aCentaur += " as seen from a distance by a naive innocent."
document.write(aCentaur);
// Output: "a horse with rider, as seen from a distance by a naive innocent."
// 作用域链（见下图）

• 闭包
  
  • 闭包是函数和声明该函数的词法环境（即上下文）的组合。通俗来讲，闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。
  • 作用：最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。其它用途

## Example
function f1 () {
  let name = 1
  return function () {
    console.log(name)
  }
}
const res = f1()
res() // 1
// 使变量始终驻留在内存中
function f1 () {
  let name = 1
  return function () {
    name++
    console.log(name)
  }
}
const res = f1()
res() // 2
res() // 3
// 由于f1是返回函数的父函数，返回函数赋值给一个全局变量res导致返回函数驻留在内存中，因此f1也驻留在内存中（name）。
// 一个Tips：全局函数闭包
function f1 () {
  let n = 999
  // 闭包函数，全局
  nAdd = function () {
    n += 1
    console.log(n)
  }
  // 闭包函数，局部
  function f2 () {
    console.log(n)
  }
  return f2
}
// 全局函数，只有一个，此时n指向result的局部变量
const result = f1()
result()  // 999
nAdd()  // 1000
result() // 1000
// 此时n指向result1的局部变量
const result1 = f1()
result1()  // 999
nAdd()  // 1000
result()  // 1000
result1()  // 1000