函数
使用函数的意义:封装代码,方便调用、复用。
函数的定义、调用
// 定义函数常用的方式
function f1(){
console.log(1);
}
var f2=function(){
console.log(2);
}
// ES6的箭头函数常用来代替匿名函数,()中写参数
var f3=() => {
console.log("3")
}
// 在事件监听中也常用匿名函数
// 通过函数名来调用
f1();
注意:加上()是直接调用函数,如果是指定事件监听的处理函数,直接写函数名,不加()。
函数传参
//函数传参。形参直接写参数名,不加var
function f4(name,age){
console.log(name);
console.log(age);
}
// 调用
f4("chy",20);
//不定个数的参数
function sum(){
var sum=0;
for(var i=0;i<arguments.length;i++){
sum+=arguments[i];
}
console.log(sum);
}
// 调用
sum(1,2);
sum(1,2,3,4);
js的函数参数是把实参的值copy一份传给形参(浅拷贝),
如果参数是基本类型,则对形参的修改不会影响实参;
如果参数是数组、对象这些引用类型,传递的是引用(地址),对形参的修改就是对实参的修改。
函数返回值
function sum(a,b){
return a+b; //return会终止函数执行
}
var result=sum(1,2);
console.log(result);
return不是必需的,如果没有return,默认返回undefined。
return只能返回一个值,如果要返回多个值,可以放在数组、对象中返回。
变量作用域
<script>
var a=1;
</script>
<script>
console.log(a);
</script>
当前文件中的所有script标签,不管是src引入脚本,还是自己现写脚本,都可以看成在一个script标签内。
在函数内部定义的变量是局部变量,只能在函数内部使用;
在函数外部定义的变量是全局变量,在整个文件的script脚本中(包括函数中)都可用。
如果有同名的全局变量、局部变量,在局部变量的作用域内,局部变量会覆盖同名的全局变量。
作⽤域链:只有在当前作⽤域内找不到定义,才会向⽗级作⽤域
找,一级一级往上找,直到找到,如果到最外层作用域还找不到就报错。
闭包
function f1(){
var a = 1;
// 返回内部函数的引用
return function(){
// 内部函数中使用外部函数中的局部变量
a++;
console.log(a);
};
}
// 这是内部函数引用
var f2 = f1();
// 调用内部函数
f2(); //2
f2(); //3
闭包的特点
- 函数嵌套函数,外部函数返回内部函数的引用。
定义内部函数的时候,不能function(){ }这样直接定义,需要把函数引用赋给变量,或者写成匿名函数。 - 内部函数引用外部函数中的变量
闭包的优点
- 外部可以访问局部变量。
通过调用内部函数间接访问外部函数中的局部变量。 - 外部函数、内部函数中的局部变量长期保存在内存中,不会被gc回收。
外部函数的变量被内部函数使用,内部函数的引用又被全局变量使用,外部函数执行完毕后,这些被内部函数引用的变量不会被gc回收,内部函数中的局部变量也不会被gc回收,可以长期保存局部变量,相当于缓存 - 外部函数定义的内部函数,可以外部函数自己使用,也可以在全局中使用(方法暴露出来了)
闭包的缺点
-
局部变量长期保存在内存中,内存消耗很大,对网页的性能有影响
这也是不要大量使用闭包的原因 -
在IE中可能导致内存泄漏
因为内部函数持有外部函数方法区的引用,即使内部函数只引用外部函数的部分变量,外部函数所有的局部变量都不会被销毁,不使用的局部变量可能发生内存泄漏。
解决办法:在外部函数的return之前删除没有被内部函数引用的局部变量。
删除是把变量赋值为undefined,eg. a=undefined