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

Javascript 类与静态类的实现1

 
阅读更多

首先说说类,在一个类里我们会有以下的几个特征:
1. 公有方法
2. 私有方法
3. 属性
4. 私有变量
5. 析构函数
我们直接看一个例子:

/***定义类***/
var Class = function(){
	var _self = this;//把本身引用负值到一变量上
	var _Field = "Test Field"; //私有字段
	var privateMethod = function(){ //私有方法
		alert(_self.Property); //调用属性
	}
	this.Property = "Test Property"; //公有属性
	this.Method = function(){ //公有方法
		alert(_Field); //调用私用字段
		privateMethod(); //调用私用方法
	}
}

 这里我已把注释都写上,大家大概也会一眼就看得明白。对于少写JS的朋友,可能会觉得奇怪为什么我会定义一个_self的变量, 因为在js里,this不用对于其他的对象语言,他的解析过程与运行过程中this会改变的。这里简单说说js里this的定义,若有需要我可以开多一 篇。
定义:this是包含它的函数作为方法被调用时所属的对象。
特征:this的环境可以随着函数被赋值给不同的对象而改变!
有兴趣的朋友可以网上找找资料了解一下,说回正题,这里的_self目的是为了开多一个私有的变量,直接指向类的本身。
刚刚还说到一个析构函数的问题,这可以直接用代码来实现。在函数的最后直接写执行代码就OK。
代码:

/***定义类***/
var Class = function(){
	var _self = this;//把本身引用负值到一变量上
	var _Field = "Test Field"; //私有字段
	var privateMethod = function(){ //私有方法
		alert(_self.Property); //调用属性
	}
	this.Property = "Test Property"; //公有属性
	this.Method = function(){ //公有方法
		alert(_Field); //调用私用字段
		privateMethod(); //调用私用方法
	}
	/***析构函数***/
	var init = function(){
		privateMethod();
	}
	init();
}  

 使用这个类,引用我同事的那句“简单得很!”
 var c = new Class();
 这样就OK

分享到:
评论

相关推荐

    Javascript 类与静态类的实现

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

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

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

    C#实现JavaScript帮助类

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

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

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

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

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

    JAVASCRIPT从入门到精通

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

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

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

    JavaScript模式中文[pdf] 百度云

     类式继承模式#1——默认模式  类式继承模式#2——借用构造函数  类式继承模式#3——借用和设置原型  类式继承模式#4——共享原型  类式继承模式#5——临时构造函数  Klass  原型继承  通过复制属性实现继承...

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

    第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错...

    JavaScript实现像素鸟

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

    Javascript数组操作高级心得整理

    1. 如何实现JavaScript 4 (1) 如何把JavaScript代码放到HTML页面里 4  使用[removed]标签,直接在HTML代码里加入JavaScript代码 4  使用[removed]调用外部的JavaScript(.js文件) 4  如何与老浏览器打交道 4 (2)...

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

    第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错...

    学生信息管理系统(实现增删改查操作)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