zoukankan      html  css  js  c++  java
  • Javascript高级编程学习笔记(26)—— 函数表达式(4)私有变量

    私有变量

    严格来讲,JS中没有私有成员的概念,所有对象属性都是公有的。

    但是JS中有私有变量的概念

    所有在函数中定义的变量都可以认为是私有变量,因为不能在函数外部进行访问

    私有变量包括

    1.函数参数

    2.局部变量

    3.函数内部定义的其他函数

    还有一个概念叫 特权方法

    特权方法指的就是有权能够访问私有变量的方法

    私有变量和特权方法主要用来隐藏不应该被直接修改的数据

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

    比如上述构造函数,在创建对象传入一个 name

    而这个 name  只能通过每个对象的两个方法进行访问和修改

    有些时候比如一个特殊的对象,每次对它某个属性值的操作只能加一和减一

    这种情况下,如果我们将这个值不作为私有变量,所有情况都能访问,那么它被意外修改的可能性就很高了

    这就是JS中私有变量的主要作用

    静态私有变量

    上面的方法我们创建了一个私有变量 name

    但是通过该构造函数构造的每个实例的 name 都是独立的

    如果我们希望像其他的语言那样创建一个所有实例共用的私有变量怎么办呢?

    (function(){
        // 私有变量
        var privateValue = 10;
        var privateMethod = function(){
            return false;
        }
        
        // 构造函数
        Public = function(){};
    
        // 公有方法
        Public.prototype.publicMethod(){
            private++;
            return privateMethod();
        }
    }

    上方的代码在一个自执行的函数中,创建了两个私有变量和一个构造函数

    由于我们没有使用 var 进行声明,所以 Public 会默认添加到全局作用域(当然这种方法在严格模式下无法使用)

    然后我们给这个构造函数的原型添加了一个公有方法

    由于这个公有方法是自执行函数的闭包,所以可以访问到我们之前创建的私有变量

    并且因为我们将这个公有方法添加在这个构造函数的原型上,所以这个构造函数的所有实例,都使用的这个公有方法

    自然访问到的私有变量也是同一个

    模块模式

    前面的内容主要是为自定义对象创建私有变量的

    那么模块模式又是什么意思呢?

    模块模式指的就是为单例创建私有变量和特权方法

    所谓单例就是只有一个实例对象

    按照惯例,JS中创建单例一般都是用字面量的形式来创建的

    模块模式如下:

    var singleton = function(){
        // 创建私有变量
        var privateValue = 10;
        return {
            getValue:function(){
                return privateValue;
            }
        }
    }();

    这种模式适用于,当需要对对象进行初始化,并且需要公开一些访问私有变量的公共方法,就可以使用模块模式

    增强模块模式

    刚才的模块模式存在一个问题

    那就是无法判断生成单例的类型,一般来说也用不着判断一个单例的类型

    但难免有些情况需要让单例是某个类型的实例

    所以就有了增强模块模式

    var singleton = function(){
        var privateValue = 10;
        var object = new CustomType();
        
        //添加特权
        object.publicMethod = function(){
            privateValue++;
            return privateValue;
        }
        
        return object;
    }();

    以上就是和函数表达式相关的内容啦,明天开始更BOM

  • 相关阅读:
    论JS函数传参时:值传递与引用传递的区别
    关于 rem
    致——自己
    用CSS3写的钟表
    HTML标签marquee实现滚动效果
    手机号截取
    CSS3绘制环形进度条
    限制内容长度(CSS,jQuery)
    移动web开发中遇到的一些问题收纳
    移动平台中 meta 标签的使用
  • 原文地址:https://www.cnblogs.com/lhyxq/p/10194748.html
Copyright © 2011-2022 走看看