• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JavaScript 中的单例以及模块模式

JavaScript 中的单例以及模块模式

作者:Latency の 博客 字体:[增加 减小] 来源:互联网 时间:2017-08-02

Latency の 博客通过本文主要向大家介绍了javascript,函数,单例等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

一、单例

单例指的是只有一个实例的对象,JavaScript以对象字面量的方式创建单例对象。

 

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

 

 

二、私有变量和公有(特权)方法

任何在函数中定义的变量,都可以认为是私有变量。私有变量包括函数的参数,局部变量和在函数内部定义的其他函数。

如果在函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问函数的私有变量。利用这一点,就可以创建访问私有变量的公有方法,也叫特权方法。

 

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

以上代码的构造函数中定义了两个特权方法:getName()和setName()。这两个方法都可以在构造函数外部使用,而且都有权访问私有变量name。但在Person构造函数外部,没有任何办法访问name。由于这两个方法是在构造函数内部定义的,它们作为闭包能够通过作用域链访问name。私有变量name在Person的毎一个实例中都不相同,因为每次调用构造数都会重新创建这两个方法。

 

 

三、模块模式

上面介绍的是为自定义类型创建私有变量和特权方法。模块模式则是为单例创建私有变量和特权方法。

 

var singleton = function(){

    //私有变量和函数    
    var privateVariable = 10;
    function privateFunction(){
        return false;
    }

    //特权方法和属性
    return {
        publicProperty : true,
        publicMethod: function(){
            privateVariable++;
            return privateFunction();
        }
    }
}();

这个模块模式使用了一个返回对象的匿名函数。在这个匿名函数内部,将一个对象字面量作为函数的值返回。其中包含可以公开的属性和方法。因为这个匿名函数是在函数内部定义的,所以可以访问私有的变量和函数。这个对象字面量定义的是单例的公共接口。

 

当必须要创建一个对象并以某些数据对其进行初始化,同时还要公开一些能够访问这些私有数据的方法时,就可以用模块模式。
 



 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JavaScript瀑布流布局实现代码
  • Javascript实现页面滚动时导航智能定位
  • JavaScript实现打地鼠小游戏
  • javascript编写简易计算器
  • JavaScript实现无穷滚动加载数据
  • JavaScript仿微信打飞机游戏
  • javascript 中关于array的常用方法详解
  • javascript 中的继承实例详解
  • JavaScript函数表达式详解及实例
  • JavaScript中双向数据绑定详解

相关文章

  • 2017-05-11Bootstrap进度条与AJAX后端数据传递结合使用实例详解
  • 2017-05-11js实现类bootstrap模态框动画
  • 2017-05-11jquery实现全选、全不选以及单选功能
  • 2017-05-11jquery实现图片上传前本地预览
  • 2017-05-11微信小程序 自定义对话框实例详解
  • 2017-05-11jQuery实现表格元素动态创建功能
  • 2017-05-11Bootstrap导航中表单简单实现代码
  • 2017-05-11Extjs让combobox写起来简洁又漂亮
  • 2017-05-11总结几道关于Node.js的面试问题
  • 2017-05-11详解在Vue中通过自定义指令获取dom元素

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 分享bootstrap学习笔记心得(组件及其属性)
    • 从零开始做一个pagination分页组件
    • js实现导航栏中英文切换效果
    • B/S(Web)实时通讯解决方案分享
    • JS实现向iframe中表单传值的方法
    • JS正则匹配中文的方法示例
    • 详解AngularJs HTTP响应拦截器实现登陆、权限校验
    • 简单的渐变轮播插件
    • ES5 ES6中Array对象去除重复项的方法总结
    • 微信小程序开发图片拖拽实例详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有