Web前端复习——JavaScript复习（函数声明调用+匿名函数+闭包） 喜欢ヅ旅行 2022-06-16 04:22 184阅读 0赞 1、Function对象 （1）js中一切都是对象 （2）函数名其实是引用函数定义对象的变量 （3）连function函数也是一个对象 2、arguments对象 （1）重载概念： 程序中可定义多个相同函数名，不同参数列表的函数 注意—— a.调用者不用区分每个函数的参数 b.执行时，程序根据传参参数的个数，四栋判断自动判断哪个函数执行 但是，js语法中没有“重载”，但可以采用arguments对象模拟重载效果 （2）arguments对象 函数对象内，自动创建专门接收所有参数值的类数组对象。 a.arguments\[i\]：获得传入的下标的对象 b.arguments.length：获得对象的长度 3、函数对象function （1）函数声明3种方式 3-1：function 函数名 (参数) \{ 函数体; return 返回值; \} 注意：函数名和函数定义都被提前 3-2：函数直接量 var 函数名 = function (参数) \{ 函数体; return 返回值; \} 注意：仅函数名变量声明提前，函数定义留在本地，必须定义在调用前 var fun=function(){ console.log(1); } fun(); //1 var fun=function(){ console.log(2); } fun(); //2 var fun=3; fun(); //3 3-3：采用new关键字创建函数类型对象 函数名 = new Function("a","b",..,"函数体"); 注意：new关键字创建函数类型对象，里边为“字符串”形式 拓展——面试题如下 /*以下函数正确的是*/ var arr=[1,12,23,45,24]; A.function compare(a,b){return a-b;} B.var compare = function(a,b){return a-b;} C.var compare = new Function(a,b,return a-b); arr.sort(compare); conosle.log(arr); 在上述题目中，C错误，A、B正确。 由于new关键字创建函数对象时，new关键字里边参数类型必须为“字符串” 所以，C选项为——“var compare = new Function("a","b","return a-b")” （2）内存中的函数对象 创建函数对象时，同时创建2个对象 函数对象——函数的定义 作用域对象——保存了函数对象可用的变量位置（默认第一项指的是window对象，全局变量） var a; //由于a只声明未赋值，所以为“undefined” function fun(a){ //定义函数时，同时创建2个对象——活动对象+ 作用域链对象（“仓库管理老板”） a++; console.log(a); } //这里的a为局部变量，作为一个“活动对象” a=100; //虽说没有var关键字，但是毕竟之前有a的定义，仍然为赋值 fun(a); //a++——>"101" 101 console.log(a)； //100 a、调用函数时，又会创建1个新对象——活动对象，它是专门保存局部变量的对象 在作用域链对象中追加指向活动对象的的引用 b、调用函数后，默认仅释放活动对象（保存的局部变量） 同时作用域链中活动对象的引用出栈 4、匿名函数 定义时，不指定函数名的函数。 何时使用？（2大用途）——自调、回调 （1）匿名函数自调：“定义完，立即执行，执行完立即释放” a.何时使用：只有确定函数只执行一次时 b.如何自调匿名函数： (function(参数)\{ ... \})(参数值); c.自调：定义在哪，就在哪执行，不提前 （2）匿名函数回调：向将函数作为对象传递给其他方法调用时， 由另一个函数自助决定在需要时调用 a.何时调用：只要将一个函数对象传递给其他方法调用 b.如何回调：直接将匿名函数的声明传入另一个函数中 5、闭包 问题：局部变量和全局变量的缺陷？ 全局变量——容易产生“全局污染” 局部变量——无法共享，不能长久保存 既可以共享，长久保存，又不会全局污染——“闭包” 闭包作用：保护局部变量 缺陷：造成内存空间浪费 （1）判断闭包3特点： a、嵌套函数 b、内层函数操作外层函数的局部变量 c、外层函数将内层函数返回到外部，且被全局变量保存 （2）判断闭包执行结果 a、外层函数被调用几次，就有几个受保护的局部变量副本 b、来自一个闭包的函数被调用几次，受保护的局部变量就变化几次 //外层函数被调用了几次，就有几个受保护的局部变量副本 function outer(){ var i=0; return i++; } var getNum1=outer(); //外层函数被调用1次，只有1个受保护对象副本i console.log(getNum1()); //0 console.log(getNum1()); //1 var getNum2=outer(); //外层函数被调用2次，就有2个受保护的i，互不干扰 console.log(getNum2()); //0
还没有评论，来说两句吧...