js-函数

函数

函数声明

//由function关键字声明，后面紧跟函数名，函数名后面为形参列表，列表后大括号括起来的内容为函数体
function 函数名(形参列表){
    //函数体
}

函数表达式

//将一个匿名函数（没有函数名的函数）赋值给一个函数变量
var 函数名 = function(形参列表){
    //函数体
}

this

但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

• 在方法中，this 表示该方法所属的对象。

• 如果单独使用，this 表示全局对象。

  (在浏览器中，window 就是该全局对象,在node中，指向的是一个{})

• 在函数中，this 表示全局对象。

  (在浏览器中，window 就是该全局对象,在node中，指向的就是global对象)

• 在事件中，this 表示接收事件的元素。

• 在显示函数绑定时，我们可以自己决定this的指向

IIFE 立即执行函数

作用

• 页面加载完成后只执行一次的设置函数。
• 将设置函数中的变量包裹在局部作用域中，不会泄露成全局变量。

IIFE的写法

(function(形参){
	函数体内容
})(实参);

(function(形参){
	函数体内容
}(实参));

IIFE的基本使用

// 就像其它任何函数一样，一个立即执行函数也能返回值并且可以赋值给其它变量。
var sum = (function (a,b) {
  return a + b;
}(1,2))
console.log(sum);  //3

作用域

ES5中（无块级作用域）

函数作用域： 在 JavaScript函数中声明的变量，会成为函数的局部变量。

​ 函数内部声明的变量，在函数外部不能访问。

作用： 函数之外声明的变量，会成为全局变量。

​ 函数外部声明的变量，在函数内部可以访问。

​ 当函数嵌套，在这个时候，内部函数与外部函数的这个变量就组成了闭包。

作用： 隔离变量，不同作用域下同名变量不会有冲突

函数调用

函数声明好之后并不会直接运行，需要进行调用才能运行。

调用函数的方式不仅限于()执行，还有其他几种方式

• 函数名(实参列表);

• 函数名.call(执行环境对象,实参列表);

• 函数名.apply(执行环境对象,实参列表数组);

• 函数名.bind(执行环境对象)(实参列表);

call、apply和bind的区别

• call、apply、bind能改变this的指向
• call和apply的第一个参数是null，那么this在node下指向global，在HTML中指向是window
• call和apply都是改变上下文中的this并立即执行这个函数
• apply：和call基本上一致，唯一区别在于传参方式（参数数组）
• bind：语法和call一模一样，区别在于立即执行还是等待执行

闭包

什么是闭包？

简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。

闭包的生成有三个必要条件

• 函数嵌套函数

• 内部函数引用了外部函数中的数据（属性、函数）

• 参数和变量不会被回收

这样就形成了一个不会销毁的函数空间，产生一个闭包

闭包的用途

• 让外部访问函数内部变量成为可能；
• 局部变量会常驻在内存中；
• 可以避免使用全局变量，防止全局变量污染；

闭包的缺点

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露，这是IE的BUG。解决方法是，在退出函数之前，将不使用的局部变量全部删除。