1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中，是则返回true，否则返回false。 格式如下： object1.isPrototypeOf(object2); object1是一个对象的实例； object2是另一个将要检查其原型链的对象。 原型链可以用来在同一个对象类型的不同实例之间共享功能。 如果 object2 的原型链中包含object1，那么 isPrototypeOf 方法返回 true。 如果 object2 不是一个对象或者 object1 没有...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下: 输出这个属性的属性值了！从这个例子我们不难看出：执行上下文是在执行时才确定的，它随时可以变。 当然你可以去掉上面我注释掉的...
代码如下:/*----------------------------------- Web Application JavaScript Library 2009.11 janchie ------------------------------------*/ //String原生对象扩展 置空左右端空格 String.prototype.trim = function(){ return this.replace(/(^[\s\n\t\r]*)|([\s\n\r\t]*$)/g, ""); }; //Date原生对象扩展 格式化输出 Date.prototype.format = function (string) { var self = this; var p = function p(s) { return (s.toSt...
第一种类型就是前面所说的私有类型，它的特点是对外界完全不具备访问性，要访问它们，只有通过特定的getter和setter。 第二种类型是动态的公有类型，它的特点是外界可以访问，而且每个对象实例持有一个副本，它们之间不会相互影响。 第三种类型是静态的公有类型，或者通常叫做原型属性，它的特点是每个对象实例共享唯一副本，对它的改写会相互影响。 第四种类型是类属性，它的特点是作为类型的属性而不是对象实例的属性，在没有构造...
今天所要说的就是，如何在Javascript里写类与静态类，这是本人一惯用的方法，你也可以有更为方便的，也可以发发评论跟大家交流交流。 首先说说类，在一个类里我们会有以下的几个特征： 1. 公有方法 2. 私有方法 3. 属性 4. 私有变量 5. 析构函数 我们直接看一个例子： 类例子 代码如下: /***定义类***/ var Class = function(){ var _self = this;//把本身引用负值到一变量上 var _Field = "Test Field"; //私有字段 var privateM...
这次我们直接看例子： 代码如下: /***定义静态类***/ 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;...
js的单例写法JS单例模式 div{height:100px; width:100px; background:#CCC; border:#000 1px solid;} my = new function yangbin() { this.name = "我是单例funnyzak！"; }; function yangbin1(){ this.name = "我是funnyzak！"; } function myname(){ var u = new yangbin1(); alert(u.name); } 你是？(单例) 你是？(普通) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] loop.js是一个单例模式的js类：//一开始就用new 无名...
JavaScript之信息的封装 在编码前，我们需要了解如下几个术语；封装：对内部数据的表现形式和实施细节进行隐藏； 私有属性和方法：外界只能通过其公开的接口与其进行存取和交互 作用域：JavaScript中，只有函数具有作用域，函数内部定义的属性和方法在外部无法访问 特权方法：声明在函数内部，能访问函数内部变量（属性）的方法，比较耗费内存； 代码如下: function Person() { /* * 声明私有的数据 * 昵称，年龄，邮箱 */ var ni...
1:构造函数法 function Dog(name,weight) { this._name=name; this._weight=weight; this._show=function() { document.write(dog._name+" is "+dog._sex); } } var dog=new Dog("Join",100); dog._sex="male"; dog._show(); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 注解： 1：这里定义了一个Dog对象（在javascript中，函数就是对象，这里function Dog(name,weight) 同时也是构造函数），用new关键字创建了一个...
虽然现在慢慢减少了对jQuery的使用（项目上还是用，效率高点。平时基本不用了），希望从而减少对jQuery的依赖度。 但是这链式操作的方式实在吸引人（貌似现在不少新库都采用了链式操作）。 新手无畏嘛，所以写了以下代码。主要是避免以后又忘了，呵呵。 代码如下: window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length = 0; //var args = Array.prototype.slice.ca...
在查了大量的资料后，我总结了下面的三条规则，这三条规则，已经可以解决目前我所遇到的所有问题.规则0：函数本身是一个特殊类型，大多数时候，可以认为是一个变量。 代码如下: function a() { alert(this); } 或者 var a = function() { alert(this); } 都可以认为是创建了一个变量，这个变量的值就是一个函数。 规则1：如果一个函数，是某个对象的key 值，那么，this就指向这个对象。 这个规则很好理解： 代码如下: var a = f...
模式类型：工厂模式 模式说明：常用模式之一，用来动态创建对象 适用范围：在运行期间需要在一系列可互换的子类中进行选择的类 注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。 关键点：以 函数/类/子类 构建的选择器 本质：函数作为选择器的使用 一般使用形式： 作为独立的选择器存在： 代码如下: function FactoryMode(index){ switch(index){ case "index1" : return n...
一，概述 在Java语言中，我们可以定义自己的类，并根据这些类创建对象来使用，在Javascript中，我们也可以定义自己的类，例如定义User类、Hashtable类等等。 目前在Javascript中，已经存在一些标准的类，例如Date、Array、RegExp、String、Math、Number等等，这为我们编程提供了许多方便。但对于复杂的客户端程序而言，这些还远远不够。 与Java不同，Java2提供给我们的标准类很多，基本上满足了我们的编程需求，但是Javascript提供...
在小项目中对于JavaScript使用，只要写几个function就行了。但在大型项目中，尤其是在开发追求良好的用户体验的网站中，如SNS,就会用到大量的JavaScrpt，有时JavaScript的工作量胜过了C#，这时写一堆function,就会显得很乱，杂乱无章，甚至会出现命名冲突，管理和维护起来都很麻烦。对于这种情况我们就需要使用面向对象的思想来开发JavaScript。那我们就这样作罢： 对于一个项目，首先要有个命名空间。所以我们首先要做的是定义一...
上几节讲了 JavaScript 面向对象之命名空间 、 javascript 面向对象的JavaScript类 、 JavaScript 面向对象的之私有成员和公开成员 与 Javascript 面向对象之重载，大家可以先看上面的再继续往下看。在JavaScript中实现继承可以有多种方法，下面说两种常见的。 一，call 继承，先看代码： 先定义一个“人”类 代码如下: //人类 Person=function(){ this.name="草泥马"; this.eat=function(){ alert("我要吃饭"); } this.s...