`
fackyou200
  • 浏览: 309468 次
  • 性别: 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中,面向对象编程虽然没有像其他强类型语言那样直接的支持,但是通过一些技巧和模式,我们可以模拟实现类和静态类的概念。本文将详细介绍如何在JavaScript中实现类和静态类。 首先,让我们深入理解...

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

    首先,我们来看一个简单的静态类实现的例子: ```javascript var StaticClass = (function() { var Return = { Property: "Test Static Property", Method: function() { alert(_Field); privateMethod(); } ...

    纯JavaScript静态树型

    根据所提供的代码片段及描述,本文将深入探讨“纯JavaScript静态树型”(即不依赖任何框架或库,只用原生JavaScript实现的树形结构)的具体实现方式。 #### 二、关键概念与术语解释 1. **树形结构(Tree Structure)...

    Java中的静态变量静态方法静态块与静态类.docx

    对于单例模式用静态类来实现就是一个很不错的选择。 例如: ```java public class Singleton { private static class SingletonHolder { private static Singleton instance = new Singleton(); } public ...

    JS定义静态类

    在JavaScript中,静态类的概念与传统面向对象编程语言中的类有所区别。JavaScript本身是一种基于原型的动态语言,直到ES6(ECMAScript 2015)引入了类语法,才使得类的概念更加清晰。不过,这里的代码示例看起来更像...

    JavaScript面向对象之静态与非静态类

    总结来说,JavaScript面向对象编程中的静态类和非静态类概念可以通过构造函数和原型链来实现。静态类的成员是共享的,不依赖于类的实例,而非静态类的成员则属于每个实例。通过面向对象的封装、继承和多态,...

    类似淘宝的静态页面.利用javascript技术

    4. 前端框架与库:可能使用了如jQuery、Bootstrap等工具,简化JavaScript开发并提供预设样式。 5. 响应式设计:确保页面在不同设备和屏幕尺寸上都能正常显示和使用。 6. 用户界面设计:遵循良好的设计原则,使用户能...

    javaScript实现另存为功能

    然后,将这些内容转换为Blob对象,Blob是JavaScript中的一个类,用于表示不可变的、原始数据的类文件对象。 2. **URL.createObjectURL()**:有了Blob对象后,可以使用URL.createObjectURL()方法生成一个临时的URL,...

    基于JavaScript Vue实现的静态网页生成-源码

    在这个“基于JavaScript Vue实现的静态网页生成_源码”项目中,我们可以看到如何整合Vue.js和JavaScript来构建静态网站。开发者可能使用Webpack或Rollup这样的打包工具将Vue组件转换为浏览器可以执行的JavaScript...

    关于javascript的“静态类

    总的来说,虽然JavaScript没有真正意义上的静态类,但我们可以通过函数和对象字面量来实现类似的功能。这种模式在编写库和模块时特别有用,因为它允许我们封装功能而不必每次都创建新的对象实例。理解这种模拟静态类...

    由浅到深了解JavaScript类

    在JavaScript中,类的概念并不是一开始就存在的,早期版本的JavaScript使用构造函数和原型来实现面向对象编程。然而,从ES6(ECMAScript 2015)开始,JavaScript引入了类语法,使得面向对象编程更加直观和简洁。 ...

    C#实现JavaScript帮助类

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

    通过javascript实现单例模式.rar

    在JavaScript中,单例模式(Singleton Pattern)是一种创建型设计模式,它确保一个类只有一个实例,并提供一个全局访问点来获取该实例。...这种方法利用了JavaScript的类系统,但同样实现了单例模式的核心概念。

    css+javascript 实现扇形导航动画效果

    这个项目通过CSS来布局和设计扇形导航的静态部分,然后利用JavaScript实现动画效果,使导航菜单在用户的操作下优雅地展开和收起。 首先,我们来看看CSS在这其中的作用。CSS(层叠样式表)主要负责网页元素的样式和...

    关于MFC对话框与静态HTML交互

    2. 创建一个继承于COccManager的CCustomOccManager类,并重写CreateSite函数,返回一个CCustomControlSite实例。 3. 创建一个实现IDispatch接口的CImpIDispatch类,并实现相关的函数。 4. 在对话框程序的APP类中定义...

    javascript 类, 对象 深入学习

    在这个主题中,我们将探讨JavaScript中的类与对象的实现方式,以及它们如何帮助我们构建复杂的软件系统。 首先,我们需要明白在JavaScript中,类是一种语法糖,实际上它是基于原型(prototype)的面向对象编程。ES6...

    html5 css3 JavaScript响应式中文静态网页模板js源代码(220套网页模板)

    在这些模板中,JavaScript可能用于处理用户事件(如点击、滚动),实现AJAX异步数据交换,或者利用jQuery、Vue.js、React.js等库和框架增强功能。响应式设计常常利用JS检测设备特征,动态调整布局或内容。 这个资源...

    javascript类模版 从零开始(一)

    箭头函数与类方法 尽管箭头函数在JavaScript中广泛使用,但它并不适合作为类的方法,因为箭头函数没有自己的`this`。因此,推荐使用函数表达式或`function`关键字来定义类方法。 ### 7. 类模板与原型 虽然类模板...

Global site tag (gtag.js) - Google Analytics