1,闭包
在在正常情况下,函数((函数作用域)中是可以访问卧部变量的,而外部是无法访问函数作用域中的变量。当外部访问函数中的变量时, 会报Uncaught.ReferenceError: x is not defined。闭包就可以解决这个问题。
1.1外部访问局部变量
在函数内部,再定义一个函数。来计算后把结果返回给调用来实现,这种方式就是闭包。
1.2闭包概念
简单理解就是:闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
闭包是JavaScript中最强大的特性之一。JavaScript允许函数嵌套,并且内部函数可以访问定义在外部函数中的所有变量和函数,以及外部函数能访问的所有变量和函数。
《javascript高级程序设计》︰闭包其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然后能像在对象中的操作般在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止,其它代码块能通过某种方式获取这些实例(局部)变量的值并进行应用扩展。
1.3闭包作用
- 可以读取函数内部的变量
- 让这些变量始终保存在内存中
1.4封装对象的私有属性和方法
闭包还可以封装对象的私有属性和方法。例如:
<script>
function Person() {
//私有属性
var age;
//私有方法
function getAge() {
return age;
}
function setAge(n) {
age = n;
}
return{
setAge: setAge,
getAge: getAge
}
}
</script>
1.5闭包使用注意事项
- 由于闭包会使得函数中的变量都被保存在内存中内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
- 闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象 (object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
闭包需要的条件有三个: - 函数嵌套
- 访问所在的作用域
- 在所在的作用域被调用
2,深入理解this
2.1默认绑定
- this默认绑定了window,在全局环境下this指向的就是window
- 在函数独立调用时,函数内部的this也指向window
- 函数嵌套中被独立调用时,this指向的是window,而函数当作对象方法来调用时,this指向的是调用多个对象
- 在自执行函数内部的this指向window
- 闭包中this默认指向window
总之,默认情况下,this基本都指向window
2.2隐式绑定
是指将当前的this隐式绑定到另一个对象中
<script>
function fn() {
console.log(this.a);
}
var obj = {
a : 1,
f : fn
}
obj.f()
</script>
//fn函数中的this已经隐式绑定到了obj对象上
2.3隐式丢失
隐式丢失是指被隐式绑定的函数丢失了绑定对象,从而默认又绑定到了window上。注意,这种情况既常见又易出错。
有以下几种情况:
- 别名调用
- 参数传递
- 内置函数
- 间接调用
2.4显示绑定
显示绑定可以使用函数call(),apply(),bind()方法来进行显示绑定
2.5new绑定
通过构造函数来构造一个实例对象,如果这个函数或一个方法调用之前,带有关键字new,就会构成构造函数来调用。对于this的绑定来说就叫new绑定。
如果是new关键字来执行函数,相当于构造函数来实例化对象,那么内部的this指向了当前实例化的对象。
2.6严格模式
在独立函数调用的内部,this指向的是window
function fn(){
console.log(this); //this -> window
}
fn();
①在严格模式下,独立调用函数内部,this指向的是undefined
function fn(){
"use strict";
console.log(this); //this -> undefined
}
fn();
②在严格模式下,函数调用apply()和call(),传递什么对象就指向什么对象
function fn() {
'use strict';
console.log(this);
}
fn.call(null); // this -> null
fn.call(undefined); //this -> undefined