JS三座大山

JS三座大山

• 原型与原型链 （请看上一篇的博客）

• 第一座大山 原型与原型链

• 第二座大山

• 作用域及作用域链

• 作用域有三种: {全局作用域、函数作用域、块级作用域}

• 全局作用域:声明在window上的对象

var a=100;
var声明的全局变量相当于 window.a=100;

//第二种 
console.log(b)
var b=300 ----》结果是undefined
b相当于全局变量，不赋值，则是undefined

• 函数作用域:

//第一种
function fn (){
	var b=200;
 }
console.log(b)  //函数外部访问不到里面的b--->直接报错  b is not defined

• 块级作用域

if(true){
var a=100; 
}
console.log(a)----》100


if(true){
let a=100;=
}
console.log(a)----》报错

• 自由变量:
• 当前作用域没有定义的变量，但是被使用了
• 向上级作用域，一层一层依次向上查找
• 如果全局作用域中还是没有找到就会报错

作用域链

• 一般情况下，变量取值到 创建 这个变量 的函数的作用域中取值。

但是如果在当前作用域中没有查到值，就会向上级作用域去查，直到查到全局作用域，这么一个查找过程形成的链条就叫做作用域链。

变量提升[预解析]

• js在执行的时候，每个作用域都有进行变量提升，比如var声明的变量以及function 开头的都要提前

• 每个作用域的最前面都有一个预解析池，把该作用域中带var 和function 的变量全部放进去

• 比如: var a; var b; function fn( ) { }

• 预解析池中只声明，不赋值返回的也是undefined

• 第三座大山

闭包

**闭包的两种表现:**函数作为参数被传递，函数作为返回值被返回

• 函数中的变量取决于函数定义的位置

• this在不同的情况下指向是不同的

• 1.普通函数中的this指向：指向window

var a=100;
//声明函数
function fn(){
 var a=200;
 console.log(this.a)
}
//调用函数
fn() ----》打印出来是100

• 2.对象中的this指向该对象

    let obj ={
         a:200,
         fun:function(){
         console.log(this.a);  //this指向obj
    }
} 
obj.fun()   //----> 200

• 3.箭头函数中的this指向定义时函数的父级上下文的对象
• 4.class中的this指向实例对象
• 5.call,bind,apply可以修改this指向，但是无法修改箭头函数中的this指向