在JS中充分使用面向对象设计思想，可以极大限度的提升代码重用、降低模块间的偶合、更好的逻辑分层与并行开发。下面分几个步骤简单谈下我的理解。 一、数据类型与包装类 包装类 …… 类型名 …… 常见值 …… 分类 Number …… number …… 123.123 …… 基本数据类型 Boolean …… Boolean …… true、false …… 基本数据类型 String …… string …… “hello world!” …… 基本数据类型 Object …… object …… {}、[] …… ...
在网上看了很多JavaScript的项目, 用到对象都是采用{}的形式: 例如jQuery, TinyMCE等都是形如: 代码如下:var Dialog = { int : function() { .... }, insert : function() { .... }, pop : function() { .... } }; //调用就是: Dialog.init(); 而我自己一直使用function闭包的方式, 感觉使用内部私有成员(函数,变量)更方便: 代码如下:function classDialog() { var box = "sdfsdf"; //init, insert等函数中调用公共变量就会很方...
起因： 今天在阅读snandy大神的读jQuery之五（取DOM元素）时，看到有讲到toArray()方法，具体jQuery代码如下： 代码如下:toArray: function() { return slice.call( this, 0 ); }, get: function( num ) { return num == null ? // Return a clean array this.toArray() : // Return just the object ( num < 0 ? this[ this.length + num ] : this[ num ] ); }, 看到这里的call()方法，以前也看过手册，说是对象冒充的，用于...
在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误，因为大家总是用面向过程的编程思想来写JS代码，而且也由于网络上充斥了太多小“巧”的JS代码段，很多都是随意而为，很不规范，这也就造成了大家对JS的“误解”，一味的认为它就是一个辅助的小东东，而不适合做大的东西开发。但是自从AJAX...
今天要介绍的是，如何生成一个"继承"多个对象的实例。 比如，现在有一个"动物"对象的构造函数， 代码如下: function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数， 代码如下: function Cat(name,color){ this.name = name; this.color = color; } 怎样才能使"猫"继承"动物"呢？ 1. 构造函数绑定 最简单的方法，大概就是使用call或apply方法，将父对象的构造函数绑定...
今天是最后一个部分，介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 代码如下: var Chinese = { nation:中国 }; 还有一个对象，叫做"医生"。 代码如下: var Doctor ={ career:医生 } 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？ 这里要注意，这两个对象都是普通对象，不是构造函数，无法使用...
学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。 下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（第二版）》（Professional JavaScript for Web Developers, 2nd Edition) 它们都是非常优秀的Javascript读物，推...
下边是我自己写的一个类，类中有字段、方法 代码如下://构造函数 function Person(name,sex,age) { this.name = name; this.sex = sex; this.age = age; }; Person.prototype.getName = function () { return this.name; }; Person.prototype.getSex=function(){ return this.sex; }; Person.prototype.getAge=function(){ return this.age; }; Person.prototype.setName = function (name) { this.name = name; }; Person.protot...
类型赋值类似变量传递的问题。 基本数据类型不必说，传值的。 代码如下:var a=5; var b=a; b=3; alert(a);//提示5 alert(b);//提示3 由此观之，发现改变b不会改变a，因为都是变量的值在来回传递，和变量本身没有关系。 对象类型，传址的。 代码如下:var a=new Object(); a.x=5; var b=a; b.x=3; alert(a.x);//提示3 alert(b.x);//提示3 这样，由于传址，所以b即是a，a即是b，互相改变。 如若还不清楚，再举个例子： 代码如下:...
可是，没有类，何来面向对象一说？没有关系，可以模拟。而且这一套方法已经成为公认的JS实现面向对象的方法。 另外，JS内的东西完全开发，也就不存在成员的什么private、protected作用域。 下面切入正题。 一、类型 //从基础开始，省的后面看着吃力 1、类型的区别 基本数据类型和对象类型不是一回事。 a、基本类型只是一个值，没有任何行为；而对象类型有自己的行为。 b、基本类型是值类型，仅表示一个值；对象类型则拥有许...
JavaScript中对象的prototype属性，可以返回对象类型原型的引用。这是一个相当拗口的解释，要理解它，先要正确理解对象类型(Type)以及原型(prototype)的概念。 1 什么是prototype JavaScript中对象的prototype属性，可以返回对象类型原型的引用。这是一个相当拗口的解释，要理解它，先要正确理解对象类型(Type)以及原型(prototype)的概念。 前面我们说，对象的类（Class）和对象实例（Instance）之间是一种“创建”关系，因此我们把...
最简单创建命名空间的方法： 代码如下:var java = {}; java.util = {}; //这样就创建成功了命名空间：java.util //我们可以在java.util下面加类(函数),属性，或对象 java.util.HashMap = function() { this.ShowMessage = function() { alert("java.util.HashMap"); } } var map = new java.util.HashMap(); alert(map.ShowMessage()); //显示结果：java.util.HashMap //封装创建命名空间的方法： //定义一个对象，js中用{}花括号...
javascript中的类是用函数function表示的，如下： 代码如下:function Student() { //定义类Student中的字段，并赋予初值，但此字段的访问权限是public this.studentNo = s001; this.studentName = 小明; this.sex = 男; //定义类Student中的方法updateStudentName ，用于修改studentName 值 this.updateStudentName = function(studentName) { this.studentName = studentName; } } //如上代码便已定义了一个Student类，并包含stu...
代码如下:var JsObject = {} || new Object(); JsObject.extend = function(subClass, superClass){ //先判断子类subClass是否已经定义，如果未定义，则重新定义类。 if(typeof subClass == "undefined")subClass = function(){}; //如果父类superClass是类，则转化成对象 if(typeof superClass == "function")superClass = new superClass(); //遍历父类superClass对象中的属性和方法 for(var p in sup...
Writing maintainable Object-Oriented (OO) JavaScript will save you money and make you popular. Dont believe me? Odds are that either you or someone else will come back and work with your code. Making that as painless an experience as possible will save time, which we all know equates to money. It will also win you the favor of those for whom you just saved a headache. But before we dive into writi...