JavaScript中的对象有三种 1，内部对象 如Array，Boolean，Data，Math，Number，Object，RegExp，String对象等 这些对象系统给我们提供了各自的属性与方法供调用。 2，基于类的对象 用类的方式实现对象的引用，这些类需要我们自己定义 3，基于原型的对象 提供有关如何使用 JavaScript 基于原型的对象模型的指南，并且提供指向特定信息的链接，这些信息描述基于原型的对象的自定义构造函数和继承。 在我们写js代码的时候，内部对象是...
主要集合了我写js时一些常用的方法，并参考了prototype.js，jquery，google，百度，有啊等框架。 工具库已经在近几个效果中使用：JavaScript 多级联动浮动菜单 (第二版) JavaScript 浮动定位提示效果 JavaScript Table行定位效果 JavaScript Table排序 这个工具库的主要特点是： 【跨浏览器】能在以下浏览器使用：IE6，IE7，IE8，Firefox 3.5.3，Chrome 3.0，Safari 4.0.3，Opera 10.10ie系列是必须的，其他能支持最新版本就够了。...
由于组里项目大多的javascript，css等客户端工作是另一同事在负责，该同事又特忙无法重构，老大也就只是提建议并未立即实施重构。但是我前些日子也改过些许客户端的小bug，确实那代码看得让人有些云里雾里，不知身在哪山，轻易不敢动代码，于是就自己动手鼓捣起我曾又爱又恨的javascript来，自己写一个简单的js实现namespace,继承，重载等面向对象的特性.欢迎拍砖灌水 .定义namespace Namesapce.js 代码如下: Namespace = new Obj...
代码如下:function CCPry(){ // // 判断浏览器类型 // this.Browser ={ "isMozilla":(typeof document.implementation != undefined) && (typeof document.implementation.createDocument != undefined) && (typeof HTMLDocument!=undefined), "isIE":window.ActiveXObject ? true : false, "isFirefox":navigator.userAgent.toLowerCase().indexOf("firefox")!=-1, "isOpera":navigator.userAgent.toLowerCase().indexOf("opera")...
http://github.com/alexyoung/riotjs示例： Ruby代码 代码如下: context "a new user" do setup { User.new } asserts("that it is not yet created") { topic.new_record? } end context "a new user" do setup { User.new } asserts("that it is not yet created") { topic.new_record? } end Javascript代码 代码如下: Riot.run(function() { context(basic riot functionality, function() { given(some simple equality te...
其实，面向对象的思想是独立于编程语言的，例如在C#中，在一个静态类的静态方法中，按照过程式开发调用一系列静态函数，我们很难说这是面向对象的编程，相反，象jquery和extjs这样优秀的javascript库，却处处体现着面向对象的设计思想。本文不打算探讨javascript是否能够算做面向对象的编程语言，这个问题是重视中国式考试的人应该关注的，我这里只是简单的说明如何在javascript中使用面向对象的编程思想。 面向对象首先要有对象。...
在prototype框架中的类继承实现机制 代码如下: //为Object类添加静态方法：extend Object.extend = function(destination, source) { for(property in source) { destination[property] = source[property]; } return destination; } //通过Object类为每个对象添加方法extend Object.prototype.extend = function(object) { return Object.extend.apply(this, [this, object]); } Object.extend方法很容易理解，它是Object类的一...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下: 输出这个属性的属性值了！从这个例子我们不难看出：执行上下文是在执行时才确定的，它随时可以变。 当然你可以去掉上面我注释掉的...
框架选择器部分兼容浏览器原生的查询语法,和jQuery大部分选择器,选择器部分文档大部分来自jQeruy API 特点,选择器支持 lambda 表达式 文件打包下载
首先创建一个父类的实例化对象，然后将该对象赋给子类的 prototype 属性。 这样，父类中的所有公有实例成员都会被子类继承。并且用 instanceof 运算符判断时，子类的实例化对象既属于子类，也属于父类。 然后将子类本身赋值给它的 prototype 的 constructor 属性。（注意：这里赋值的时候是没有 () 的！） 这一步是为了保证在查看子类的实例化对象的 constructor 属性时，看到的是子类的定义，而不是其父类的定义。 接下来，通过对...
1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = function() { alert("ShapeBase show"); }; this.init = function(){ alert("ShapeBase init"); }; } 这个类里定义了两个方法:show和init, 需要注意的是这里用到了this来声明, 而不是var,...
1 又是几个基本概念 为什么要说又呢？ 在讨论继承时，我们已经列出了一些基本概念了，那些概念是跟封装密切相关的概念，今天我们要讨论的基本概念，主要是跟继承与多态相关的，但是它们跟封装也有一些联系。 1.1 定义和赋值 变量定义是指用 var a; 这种形式来声明变量。 函数定义是指用 function a(...) {...} 这种形式来声明函数。 var a = 1; 是两个过程。第一个过程是定义变量 a，第二个过程是给变量 a 赋值。 同样 var a = fun...
今天主要讨论如何在 JavaScript 脚本中实现数据的封装（encapsulation）。数据封装说的简单点就是把不希望调用者看见的内容隐藏起来。它是面向对象程序设计的三要素之首，其它两个是继承和多态，关于它们的内容在后面再讨论。 关于数据封装的实现，在 C++、Java、C# 等语言中是通过 public、private、static 等关键字实现的。在 JavaScript 则采用了另外一种截然不同的形式。在讨论如何具体实现某种方式的数据封装前，我们先说几个...
在Javascript中构建一个类有好几种方法: 1.Factory 方式 代码如下: function createCar(){ var car = new Object(); car.color=”b”; car.length=1; car.run=function(){alert(”run”);} return car; } 定义这么一个函数之后,就可以用: var car1 = createCar(); var car2 = createCar(); 来创建新的对象，这种方式的问题是每一次创建一个car对象,run Function也都必须重新创建一次.浪费内存 2.Constructor方式 代码如下: func...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]JavaScript面向对象编程http://www.gxlcms.com/article/13661.htm