JS闭包

作者: 秋殇灬 | 来源:发表于2018-07-25 08:38 被阅读0次

    变量的作用域

    全局变量:函数外部定义的变量,函数内部和外部都可以访问,它的值可以共享
    局部变量:函数内部定义的变量,函数内部可以访问,外部无法访问。函数内部访问变量时,先在内部查找是否有此变量,如果有,就使用内部变量,如果没有,就去外部查找
    函数内部如果不用'var'关键字定义变量,变量可能会变成全局变量,如果用严格模式解析会报错

    var a = 12;  #全局变量
    function aa(){
        var b = 7;  #局部变量
    }
    

    封闭函数

    封闭函数定义:(function(){……})()

    ;;(function(){
                var str = 'xxx';
               alert(str);
            })();//最后的()表示马上执行 或调用
    

    封闭函数其他的写法:在匿名函数前加“!”或者“~”,之后加“()”

    函数用变量方式定义:先定义再使用

    var myAlert = function(){
            alert('hello!');
        }
    

    闭包函数

    闭包的本质就是函数嵌套,就是在函数里面定义函数,
    内部函数可以引用外部函数的参数和变量
    参数和变量不会被垃圾回收机制给回收
    闭包的用途:可以存循环的索引值、做私有变量计数器

    /闭包的封闭函数写法

    var cc = (function(b){
            var a = 12;
            function bb(){
                alert(a);
                alert(b);
            }
            return bb;
        })(24);
        cc();
    

    单体创建函数

    var Tom = {
            // 创建属性
            name:'tom',
            age:18,
    
            // 创建方法
            showName:function(){
                alert(this.name);
            },
            showAge:function(){
                alert(this.age);
            }
        }
    
        //调用属性
        alert(Tom.name);
        alert(Tom.age);
        
        //调用方法
        Tom.showName();
    

    工厂模式创建对象
    创建一个有参函数 在函数里面创建一个空的对象,使用单体创建函数和关键字 this 建造一个类对象!

    function Person(name,age,job){
    //创建一个空对象

    // var o = new Object();//方式一
                var o = {};//方式二
    
            o.name = name;
            o.age = age;
            o.job = job;
    
            o.showName = function(){
                alert(this.name);
            }
            o.showAge = function(){
                alert(this.age);
            }
            o.showJob = function(){
                alert(this.job);
            }
    
            return o;
        }
    
        var Tom = Person('tom',18,'汤姆猫');  #创建对象
        Tom.showJob();
    
        var Jack = Person('jack',19,'杰克鼠');
        Jack.showJob();  
    

    函数构造

    new的作用就相当于工厂模式中最开始创建了一个空对象,最后把对象返回

        var Bob = new Person('bob',18,'产品汪');
        Bob.showJob();
    
        alert(Bob.showName == Alex.showName);//false
    

    原型函数

    先去自己的对象中找showName函数,再去构造函数的原型找
    重写自身对象中的方法,不会影响其它对象

    Person.prototype.showAge = function(){
                    alert(this.age);
                }  #关键字prototype
    

    函数的继承

    属性用call或者apply的方式来继承

    Fclass.call(this, name, age); # 继承的父类属性
    this.job = job; #自己的属性
    

    方法继承:将父类的一个实例赋值给子类的原型属性

    Sclass.prototype.showJob = function(){
            alert(this.job);
        }
    

    相关文章

      网友评论

          本文标题:JS闭包

          本文链接:https://www.haomeiwen.com/subject/pwbumftx.html