美文网首页Web前端之路让前端飞Web 前端开发
JavaScript函数表达式——私有变量

JavaScript函数表达式——私有变量

作者: 胖胖冰 | 来源:发表于2017-05-26 17:17 被阅读35次

私有变量

任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量,私有变量包括函数的参数,局部变量和在函数内部定义的其它函数。
我们把有权访问私有变量和私有函数的公有方法称为特权方法。
在构造函数中定义特权方法:

        function MyObject() {
            //私有变量和私有函数
            var privateVariable = 10;
            function privateFunction() {
                return false;
            }
            //特权方法
            this.publicMethod = function () {
                privateVariable++;
                return privateFunction();
            };
        }

变量privateVariable和函数privateFunction()只能通过特权方法publicMethod()来访问。

利用私有和特权成员,可以隐藏那些不应该被直接修改的数据。

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

            this.setName = function (value) {
                name = value;
            };
        }
        var person = new Person("Icey");
        alert(person.getName());//"Icey"
        person.setName("Root");
        alert(person.getName());//"Root"

构造函数模式的缺点是针对每个实例都会创建同样一组新方法,而使用静态私有变量来实现特性方法就可以避免这个问题。

  • 1.静态私有变量
    通过在私有作用域中定义私有变量或函数,童言也可以创建特权方法。
        (function () {
            //私有变量和私有函数
            var privateVariable = 10;
            function privateFunction() {
                return false;
            }
            //构造函数
            MyObject = function () {
            };
            //公有、特权方法
            MyObject.prototype.publicMethod = function () {
                privateVariable++;
                return privateFunction();
            };
        })();

这个模式创建了一个私有作用域,并在其中封装了一个构造函数及相应的方法。

        (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("Icey");
        alert(person1.getName());//"Icey"
        person1.setName("Root");
        alert(person1.getName());//"Root"

        var person2 = new Person("Michael");
        alert(person1.getName());//"Michael"
        alert(person2.getName());//"Michael"
  • 2.模块模式

模块模式是为单例创建私有变量和特权方法。
单例,指的就是一个实例的对象。
按照惯例,JavaScript以对象字面量的方式创建单例对象。

        var singleton = {
            name: value,
            method: function () {
                //这里是代码
            };

模块模式通过为单例添加私有变量和特权方法能够使其得到增强。

        var singleton = function () {
            //私有变量和私有函数
            var privateVariable = 10;
            function privateFunction() {
                return false;
            }
            //特权/公有方法和属性
            return {
                publicProperty: true,
                publicMethod: function () {
                    privateVariable++;
                    return privateFunction();
                }
            };
        }();

这个模块模式使用了一个返回对象的 匿名函数。将一个对象字面量作为函数的返回值。这个对象字面量定义的是单例的公共接口。
这种模式在需要对单例进行某些初始化,同时又需要维护其私有变量时非常有用。

        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);
                    }
                }
            };
        }();
  • 3.增强的模块模式

适合那些单例必须是某种类型的实例,同时还必须添加某些属性和(或)方法对其加以增强的情况。

        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;
        }();
        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;
        }();

相关文章

  • day6(12.21)函数表达式

    函数表达式的特征使用函数表达式递归使用闭包定义私有变量 定义函数的方式有两种:函数声明,类似变量声明用var,函数...

  • 函数表达式

    本文主要介绍,函数表达式特征、使用函数实现递归、使用闭包定义私有变量。 函数表达式特征 函数表达式是JavaScr...

  • JavaScript 闭包

    JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。 全局变量 函数可以访问由函数内部定义的...

  • JavaScript函数表达式——私有变量

    私有变量 任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些变量,私有变量包括函数的参数,...

  • JavaScript闭包

    JavaScript闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。就...

  • JavaScript函数_07 私有变量 + 私有函数 + 特权

    私有变量 使用 var 关键字声明在函数内部的变量称为私有变量 私有函数 在函数内部声明的函数称为私有函数 特权方...

  • 函数表达式&闭包&私有变量

    包含内容: 函数表达式的特征 使用函数实现递归 使用闭包定义私有变量 一、函数表达式的特征 函数定义的方式有三种:...

  • javascript高级程序设计(第7章) -- 函数表达式

    第七章:函数表达式 本章内容: 函数表达式的特征 使用函数实现递归 使用闭包定义私有变量 定义函数的方式有两种,一...

  • js函数

    函数声明和函数表达式有什么区别 函数声明: 函数表达式: JavaScript 解释器中存在一种变量声明被提升的机...

  • JavaScript高级程序设计笔记7

    函数表达式 递归 闭包 (1)闭包与变量 (2)关于this对象 (3)内存泄漏 模仿块级作用域 私有变量 (1)...

网友评论

    本文标题:JavaScript函数表达式——私有变量

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