關于JS的閉包和公有私有變量屬性研究

認識在js中的公有和私有變量

function car(){ 
    var wheel = 3;//私有變量 
    this.wheel = 4;//公有變量 
    alert(wheel); 
    alert(this.wheel); 
} 

這里創建的都是私有變量 sum num1 num2

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

我們怎么才能訪問到函數內部的私有變量,怎么才能修改函數內部的私有變量。
下面我簡單說下關于函數內部私有和公有變量的一些處理辦法。
如果在這個函數內部創建一個閉包,那么閉包通過自己的作用域鏈也可以訪問這些變量,利用這一點,就可以創建用于訪問私有變量的公用方法。

我們把有權訪問私有變量和私有函數的公有方法叫做特權方法。

  • 1.構造函數定義法
function myObject() {
        //私有屬性和私有函數
        var privateVariable = 10;
        function privateFunction() {
            return privateVariable;
        }
        //特權方法
        this.publicMethod = function() {
            privateVariable++;
            return privateFunction();
        }
    }
var object1 = new myObject();
    //訪問了函數內部的局部變量即私有變量
console.log(object1.publicMethod());
function Person(name) {
        this.getName = function() {
            return name;
        };
        this.setName = function(value) {
            name = value;
        };
    }
    //創建對象實例
    var person = new Person("李雷");
    console.log(person.getName());
    person.setName("韓梅梅");
    console.log(person.getName());

在以上構造函數中定義了兩個特權方法:getName()和setName()。這兩個方法都可以在函數外部使用,而且都有權訪問私有變量name。

  • 2.靜態私有變量
    通過在私有作用域中定義私有變量或函數,同樣也可以創建特權方法
(function() {
        //私有變量和私有函數
        var privateVariable = 10;
        function privareFunction() {
            return false;
        };
        //構造函數
        MyObject = function() {}
        //公有、特權方法
        MyObject.prototype.publicMethod = function() {
            privateVariable++;
            privareFunction();
        }
    })();
(function() {
        var name = "";
        Person = function(value) {
            name = value;
        };
        //添加原型方法
        Person.prototype.getName = function() {
            return name;
        };
        Person.prototype.setName = function(value) {
            name = value;
        };
    })();
    var person1 = new Person("lilei");
    console.log(person1.getName());
    person1.setName("hanmeimei");
    console.log(person1.getName());

    var person2 = new Person("mahuateng");
    console.log(person1.getName());
    console.log(person2.getName());
  • 3.模塊模式
    模塊模式是為單例創建私有變量和特權方法,單例就是指,只有一個實例的對象。
var singlton = {
        name: value,
        method: function() {
            //這是方法的代碼 
        }
    }
var singlton = function() {
        //私有變量和私有函數   
        var privateVaiable = 10;
        function privateMethod() {
            return false;
        };
        //公有/特權方法   
        return {
            publicProperty: true,
            piblicMethod: function() {
                privateVaiable++;
                return privateMethod();
            }
        }
    }();
function BaseComponent() {}

    function OtherComponent() {}
    var application = function() {
        //私有變量和函數
        var components = new Array();

        //初始化
        components.push(new BaseComponent());

        //公有
        return {
            getComponentCount: function() {
                return components.length;
            },

            registerComponent: function(component) {
                if(typeof component == "object") {
                    components.push(component);
                }
            }
        };
    }();

    application.registerComponent(new OtherComponent());
    alert(application.getComponentCount()); //2
  • 4.增強的模塊模式
var singlton = function(){

        //私有變量和私有函數   
        var privateVaiable = 10;

        function privateMethod() {
            return false;
        };
        //創建對象 
        var object = new CustomType();

        //公有/特權方法   
        object.publicProperty = true;

        object.piblicMethod = function() {
            privateVaiable++;
            return privateMethod();
        };
        //返回這個對象 
        return object;
    }();
function BaseComponent() {}

    function OtherComponent() {}

    var application = function() {

        //私有變量和私有函數   
        var components = new Array();

        //創建對象 
        components.push(new BaseComponent());

        //創建application的一個局部副本
        var app = new BaseComponent();

        //公共
        app.getComponentCount = function() {
            return components.length;
        };

        app.registerComponent = function(component) {
            if(typeof component == "object") {
                components.push(component);
            }
        };

        //返回這個副本
        return app;
    }();

    alert(application instanceof BaseComponent);
    application.registerComponent(new OtherComponent());
    alert(application.getComponentCount()); //2
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 最近學這塊知識學得有些吃力。還有很多遺漏的地方,只能以后多看些書來彌補了。 第7章 函數表達式 函數定義的兩種方式...
    丨ouo丨閱讀 382評論 0 1
  • JavaScript 中沒有塊級作用域的概念 因為沒有塊級作用域,所以該函數可以直接運行,而不報錯。 這里有個比較...
    TaoGeNet閱讀 377評論 0 0
  • 定義函數的方式有兩種:函數聲明和函數表達式。 函數聲明的一個重要特征就是函數聲明提升,意思是在執行代碼前會先讀取函...
    oWSQo閱讀 687評論 0 0
  • 細雨霏霏。 風把簾子吹的鼓鼓的,米黃色的亞麻簾,上面繡著兩棵向日葵,魯繡,淡雅別致,簡單隨性。天空烏云密布,室內光...
    淡淡翠閱讀 430評論 5 6
  • 請不要一次再一次的拿出自己的臆想侮辱別人 也請不要隨意臆測別人 更不要看到什么類似的就一通報復 也許,這是埋葬
    起不出名字的小檗閱讀 462評論 0 1