`
fackyou200
  • 浏览: 301625 次
  • 性别: Icon_minigender_1
  • 来自: 山西太原
社区版块
存档分类
最新评论

Javascript 类与静态类的实现2

阅读更多
/***定义静态类***/
var StaticClass = (function(){
	var Return = {
		Property: "Test Static Property", //公有属性
		Method: function(){ //公有方法
		alert(_Field); //调用私用字段
			privateMethod(); //调用私用方法
		}
	}; //定义返回的公有对象
	var _Field = "Test Static Field"; //私有字段
	var privateMethod = function(){ //私有方法
		alert(Return.Property); //调用属性
	}
	return Return; //生成公有静态元素
})(); 

 这次,我用的是闭包的方式去实现,其中最重要的一点是reutrn Return; 这里会引伸到值类型与引用类型的概念。在js里,Object就是一个引用类型,在闭包里,我会抛出一个包含有属性与方法的Object的引用,这样,也 可以说是把这个Object抛向了外部,实现了公开。StaticClass这个变量接住了Return引用。 对于闭包内部的私有字段与方法都是没有被抛出的,这样就可以形成一个私有的环境。
很多时候我们都会用这种技巧去对JS进行分块,让程序不会那么的混乱。
上面的例子没这么干过的兄弟们也可以自己去试试。忘了,刚刚那个例子大家可以这么样去试试。

StaticClass.Method();
StaticClass.Property = "Test2";
StaticClass.Method(); 

 

分享到:
评论

相关推荐

    Javascript 类与静态类的实现

    今天所要说的就是,如何在Javascript里写类与静态类,这是本人一惯用的方法,你也可以有更为方便的,也可以发发评论跟大家交流交流。 首先说说类,在一个类里我们会有以下的几个特征: 1. 公有方法 2. 私有方法 3. ...

    Javascript 类与静态类的实现(续)

    由于MM的事件已干完,接着我们的静态类的实现。这东西在Javascript里用得会非常的频繁,因为针对现在的网页,多个基于同一个类对象的页面不多,往往不同块对象的交互就可以解决问题了,这就需要在JS针对元素定义几个...

    C#实现JavaScript帮助类

    帮助类可以存在于单独的类文件中或者作为一个静态类的内部类。 使用帮助类可以极大地简化开发过程,尤其是在处理复杂的功能或涉及多个对象之间的交互时。例如,一个日期帮助类可以提供各种日期计算和格式化的方法,...

    基于Html+css+js实现的静态购物网站

    5.提供商品购买操作功能,编写代码,实现以下功能:1)用户可以购买商品,将用户购买的商品放入购物车;2.用户可以查看购物车的内容,在用户查看购物车时,以你认为合适的方式或在页面合适位置,提示用户购买商品...

    基于HTML电商购物项目的设计与实现——html+css+javascript+jquery+bootstarp响应式图书商城

    HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...

    JavaScript模式中文[pdf] 百度云

     类式继承模式#2——借用构造函数  类式继承模式#3——借用和设置原型  类式继承模式#4——共享原型  类式继承模式#5——临时构造函数  Klass  原型继承  通过复制属性实现继承  借用方法  小结  第7章 ...

    JAVASCRIPT从入门到精通

    《JavaScript从入门到精通(视频实战版)》深入介绍了JavaScript的本质,不仅讲解了其在页面特效中的应用,还挖掘了JavaScript作为一种基于对象语言所特有的类与继承的实现。《JavaScript从入门到精通(视频实战版)》...

    程序天下:JavaScript实例自学手册

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    2024基于javascript/jquery的“1号店”网站页面特效实现html大作业

    在静态页面的基础上添加各种javascript、jquery代码及部分css样式,通过javascript和css的交互功能,实现1号店网页上的各种特效 1、首页特效 网站导航部分的树形菜单 购物车的增减 焦点轮播图 信息列表自动滚动 商品...

    JavaScript实现像素鸟

    静态资源类StaticResourceUtil.js用来加载本地图片。 9. 图片绘制,背景类BackGround.js,用来绘制背景。 通过图片的移动实现游戏的移动。 图片的移动即不断改变图片的X坐标,不断绘制。 图片的无缝移动:...

    Javascript数组操作高级心得整理

    2. JavaScript语句与注释 5 (1) JavaScript语句结束符 5 (2) JavaScript代码块 5 (3) JavaScript注释 5 (4) JavaScript变量 5  变量命名规则 5  申明或创建变量 5  重新申明变量 5 3. JavaScript运算符 5 (1) ...

    《程序天下:JavaScript实例自学手册》光盘源码

    第1章 页面特效 ...1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 ...22.15 用prototype实现JavaScript的继承 22.16 JavaScript制作哈希表 第23章 其他技巧及特效 23.1 ...

    学生信息管理系统(实现增删改查操作)Java+Servlet+HTML+CSS+数据库

    Java+Servlet+HTML+CSS+数据库,实现的学生信息管理系统,实现了 新增和查询功能。 覆盖知识 ...三层架构的搭建(dao层接口和实现类的编写、service层接口和实现类的编写、view层的Servlet类的编写)

    JavaScript Class/Object

    本文件(含有注释)精简的介绍了javascript类的属性、方法(包挂静态属性和方法)的应用,还有构造函数的实现,以及类的继承。代码很精简,相信大家都能看懂。下载了,记得给个评价哦~~有待我以后改进

    javascript脚本化文档

    客户端JavaScript的存在把静态HTML转变为交互式的Web应用程序。脚本化Web页面的内容正是JavaScript存在的理由。本章将介绍如何做到这些,这是第二部分中最重要的一章。 每个Web浏览器窗口(或帧)显示一个HTML文档...

    Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

    在这个模板中我们可以模拟实现私有成员,受保护成员,静态成员。 这是一个在JS中模拟的类定义语法,代码中Class是一个自定义函数,它接受两个参数,第一个参数是类名、第二个参数是一个JSON用来一个对象的模板。在这...

    一个简单的HTML网页 个人网站设计与实现 HTML+CSS+JavaScript自适应个人相册展示留言博客模板

    HTML静态网页设计作业,采用DIV+CSS布局,共有多个页面,使用CSS排版比较丰富,色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+...

Global site tag (gtag.js) - Google Analytics