js闭包一写小基本知识点

闭包，什么是闭包，用在什么地方

function demo() {

var a = 1; return function(b) { return (a++) + b; } } var c = demo(); c(1); var d = c(1); console.log(d);

简单理解就是在函数中一个函数镶嵌另一个函数，第一个函数于一个外在的包装、第二个函数是在第一个函数的基础上调用所赋的值。

function demo(a) {
	// var a = 1;
	return function(b) {
	return a + b;
}
}
demo();

闭包两种简单的场景函数调用：

1.for循环嵌套闭包函数：

 <ul>
        <li>1</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
    <script>
        var list=document.getElementsByTagName("li");
        for(var i=0;i<list.length;i++){
            list[i].dext=i;     //定义一个相同的值，dext自己定义的属性
            list[i].οnclick=function (){
                for(var j=0;j<list.length;j++){
                    list[j].style.backgroundColor="";//取消点击多选
                }
                list[this.dext].style.backgroundColor="red"; //定义this当前的属性或变量为red;
            }
        }
    </script>

2、函数嵌入封装闭包：

 <script>
        //2.封装(闭包场景);
        function show() {
            var name = "fdjkfdk";
            var sex = "sdsf";
            var ying = "ffefg";
            return function () {
                var obj = {
                    name: name,
                    sex: sex
                }
                return obj;
            }
        }
        console.log(show()());
   //结果:Object { name: "fdjkfdk", sex: "sdsf" }

总结
1、函数嵌套函数
2.内部函数使用外部函数的参数或者变量(就就将参数或者变量长期驻扎在内存中)

3、插入一个event小知识点

 <button id="con"></button>
    <script>
        //在事件处理函数里面，默认第一个参数就是event对象。
        con.onclick = function (event) {
            var event = event || window.event;
            console.log(event);
        }