JavaScript函數(shù)表達(dá)式——“函數(shù)模仿塊級作用域及函數(shù)的私有變量”的注意要點

archieyang 發(fā)布于2019-08-19 17:07 / 2538人閱讀

摘要：模仿塊級作用域在塊級語句中定義的變量，實際上是包含函數(shù)中而非語句中創(chuàng)建的。避免對全局作用域產(chǎn)生不良影響這種方式可以通過創(chuàng)建私有作用域，避免對全局作用域產(chǎn)生不良影響。一般包括函數(shù)的參數(shù)局部變量和內(nèi)部定義的其他函數(shù)。

模仿塊級作用域

在塊級語句中定義的變量，實際上是包含函數(shù)中而非語句中創(chuàng)建的。如：

function outputNumbers(x){
    for (var i = 0; i < x; i ++){
        console.log(i);
    }
    var i; //即使重新聲明了變量仍然不起作用
    console.log(i); //123
}
outputNumbers(4); //4

()()方法模仿塊級作用域

通常用塊級作用域（私有作用域）的匿名函數(shù)的語法來解決這個問題：

(function(){
    //這里是塊級作用域
})();

無論什么地方，只要臨時需要一些變量，就可以使用私有作用域，如：

function outputNumbers(x){
    (function(){
        for (var i = 0; i < x; i ++){
            console.log(i);
        }
    })()
}
outputNumbers(4); //0123

又如：

function outputNumbers(x){
    (function(){
        for (var i = 0; i < x; i ++){
            console.log(i);
        }
    })()
    var i;
    console.log(i);  //undefined
}
outputNumbers(4);

這樣一來，變量i 只能在循環(huán)中使用，使用后即被銷毀。實際上他也屬于閉包。

避免對全局作用域產(chǎn)生不良影響

這種方式可以通過創(chuàng)建私有作用域，避免對全局作用域產(chǎn)生不良影響。

var num = 100;
(function(){
    if (num > 10){
        console.log("greater than 10");
    }
})();

(function(){
    if (num > 10){
        console.log("greater than 10");
    }
})();
//兩者完全一樣，相互獨立，互不影響

私有變量

在js 中，任何在函數(shù)中定義的變量，都可以認(rèn)為是私有變量。一般包括函數(shù)的參數(shù)、局部變量和內(nèi)部定義的其他函數(shù)。如：

function add(num1,num2){
    var sum = num1 + num2;
    return sum;
}

其中這個函數(shù)的內(nèi)部就有3個私有變量：num1、num2 和sum。

另外我們把有權(quán)訪問私有變量和私有函數(shù)的公有方法稱為特權(quán)方法。如：

function MyObject(){
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }
    this.publicMethod = function(){
        privateVariable ++;
        return privateFunction();
    };
}    
var x = new MyObject();
console.log(x.publicMethod()) ;//false

利用私有和特權(quán)成員，可以隱藏那些不應(yīng)該被直接修改的數(shù)據(jù)。如：

function Person(name){
    this.getName = function(){
        return name;
    };
    this.setName = function(setName){
        name = setName;
    };
}

var person = new Person("Oliver");
console.log(person.getName());
person.setName("Oli"); //Oliver
console.log(person.getName()); //Oli

靜態(tài)私有變量

私有作用域中定義私有變量和函數(shù)，同樣也可以創(chuàng)建特權(quán)方法，如：

(function(){
    var privateValue = 10;
    function privateFunction(){
        return false;
    }
    
    MyObject = function(){}; //沒有var 屬于全局變量，嚴(yán)格模式下會報錯
    
    MyObject.prototype.publicMethod = function(){
        privateValue ++;
        return privateFunction();
    };
})();

var instance = new MyObject();
console.log(instance.publicMethod()); //false

模塊模式

針對單例創(chuàng)建私有變量和特權(quán)方法。單例就是只有一個實例的對象。如：

var singleton = {
    name: value,
    method: function(){
        
    }
};

添加私有變量以及特權(quán)方法：

var singleton = function(){
    var privateVariable = 10;
    
    function privateFunction(){
        return false;
    }
    
    return {
        publicProperty: true,
        publicMethod: function(){
            privateVariable++;
            privateFunction();
        }
    };
}();

簡化：

var a = function(){
    var x;
    function y(){};
    return {
        z1,
        z2
    };
}();

增強(qiáng)的模塊模式

這種模式適合那些單例必須是某種類型的實例。如：

var singleton = function(){
    var privateVariable = 10;
    
    function privateFunction(){
        return false;
    }
    
    var object = new CustomType();
    
    object.publicProperty = true;
    
    object.publicMethod = function(){
        privateVariable++;
        return privateFunction();
    };
    return object;
}();