zoukankan      html  css  js  c++  java
  • DAY56-前端入门-javascript(三)

    一、函数回调

    1.什么是函数回调

    ​ 将一个函数作为另一个函数的参数传入

    2.实例

    	function callback(data) {
    		console.log(data);
    	}
    
    	function func(callback) {
    		var data = [1,2,3,4,5];
    		callback(data);
    	}
    	func(callback);
    

    二、闭包函数

    1.什么是闭包函数

    ​ 函数的嵌套定义,内层函数就是闭包

    案例

    function a_fn() {
    	var data = [1,2,3,4,5];
    	function b_fn() {
    		console.log(data);
    	}
    	b_fn();
    }
    a_fn();
    

    2.为什么会产生闭包

    function fu() {
    		var a = 10;//局部变量
    }
    console.log(a)//报错
    

    在外部使用局部变量的方法:

    • 函数回调
    • 闭包
    • 返回值
    • 提升作用域

    使用闭包的原因

    ​ 1.函数会产生局部作用域

    ​ 2.在外部另一个函数中使用局部变量,只能使用函数回调或闭包的方法

    ​ 3.不能使用函数回调(函数已有固定参数,或不能拥有参数),只能将函数定义到拥有局部变量函数的内部,所以只能使用闭包

    3.闭包的优点

    ​ 1.外部函数不需要强制拥有参数以及返回值。

    ​ 2.外部函数的局部变量也无需提升作用域,可以保证参数的安全性。

    ​ 3.内部函数也不需要强制拥有参数以及返回值,便可以直接使用外部函数 的局部变量。

    4.闭包可以解决的问题

    ①局部变量的持久化

    function outer() {
    	// 请求得到的数据,如果不持久化,方法执行完毕,数据就被销毁
    	var data = [1,2,3,4,5];
    	console.log(data);
    	//通过闭包解决该类问题,所有代码均可以随意自定义
    	function inner() {
    		return data;
    	}
    	//数据被inner操作返回,inner数于outer
    	return inner;
    }
    var inner = outer();
    console.log(inner());
    

    ②变量的污染

    var lis = document.querySelectorAll('li');
    //循环绑定
    for (var i = 0; i < lis.length; i++) {
    	// 原理:一共产生了5个外层函数,存储的形参i的值分别为0,1,2,3,4
    	// 内层函数也产生了5个,且和外层函数一一对应,打印的i就是外层函数的形参i
    	(function (i) {
    		lis[i].onclick = function () {
    			alert(i);
    		}
    	})(i)
    }
    console.log(i);//点击事件一定晚于该逻辑
    //所以再次去点击,弹出i的值,永远是5
    // 该问题就称之为变量污染
    
  • 相关阅读:
    PAT查找题---1032 挖掘机技术哪家强 (20分)
    PAT查找题---1028 人口普查 (20分)
    PAT查找题---1004 成绩排名 (20分)
    01_1JAVA简介
    01考试简介
    shell时间变量拼接问题
    如何将oracle查询的结果传输给变量
    生产环境邮件问题总结
    mutt+msmtp做linux邮件客户端
    linux配置邮件客户端
  • 原文地址:https://www.cnblogs.com/xvchengqi/p/9800168.html
Copyright © 2011-2022 走看看