4、构造函数 + 原型 直接组装一个类；同一构造函数将组装出同一类型通过前面几篇得知javascript写类无非基于构造函数 和原型 。既然这样，我们写个工具函数来写类。 代码如下:/** * $class 写类工具函数之一 * @param {Object} constructor * @param {Object} prototype */ function $class(constructor,prototype) { var c = constructor || function(){}; var p = prototype || {}; c.prototype = p; return c; } 嗯。工具类写好...
取前面两种的优点： a、用构造函数来定义类属性（字段） b、用原型方式来定义类的方法。 就有了第三种方式。这种方式貌似采用的人较多。 3、综合构造函数/原型 代码如下: /** * Person类：定义一个人，有个属性name，和一个getName方法 * @param {String} name */ function Person(name) { this.name = name; } Person.prototype.getName = function() { return this.name; } 这样，即可通过构造函数构造不同name的人，对象实例也...
、dojo.js的写类方式 dojo最新是1.3.1了，记得07年时还是0.4。文档也渐渐多了起来，用dojo的也慢慢多了。dojo还发布了core版，压缩后只有27kb。dojo中用dojo.declare方法来定义一个类。dojo.declare的源码就不贴在这里了。dojo.declare有三个参数， 参数1：类名className 参数2：继承的类superclass 参数3：构造器，方法props 单纯的定义一个类实际只需传第一，三两个参数。因为这里只讨论如何定义一个类，不讨论继承。代码如下： ...
6、Prototype.js的写类方式 代码如下://prototype.js中的代码 var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } //简化后的 function Clazz() { return function(){ this.initialize.apply(this,arguments); } } 如下步骤写一个类， 代码如下://类名Person var Person = Class.create(); //通过原型重写来定义Person Person.prototype = { initialize : function(name) {...
EMCA262规范中没有类(class)的概念，js的new只是让他看起来更像c++,java一点。这里说的写类，只是书写js代码风格而已。 1、构造函数方式 代码如下:/** * Person类：定义一个人，有个属性name，和一个getName方法 * @param {String} name */ function Person(name) { this.name = name; this.getName = function() { return this.name; } } 这种风格让我们这些写过java的有点亲切在于构造一个对象需要配置一些参数，参数要赋值给类...
面向对象与基于对象 几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中，所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言，而是基于对象的语言。 这里面就有一些有...
Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威，是JSON、JSLint、JSMin和ADSafe之父，是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深JavaScript架构师，参与YUI的设计开发。 这里有一篇文章详细介绍了Crockford的生平和著作。 当然Crockford也是我等小辈崇拜的对象。 调用方式 首先让我们看下使用Crockford式继承的调用方式： 注意：代码中的method、inherits、uber都是自定义...
注：本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。 首先让我们来回顾一下第一章中介绍的例子： function Person(name) { this.name = name; } Person.prototype = { getName: function() { return this.name; } } function Employee(name, employeeID) { this.name = name; this.employeeID = employeeID; } Employee.prototype = new Person(); Employee.prototype.getEmployeeID = function() { return thi...
this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： console.log(this === window); // trueconsole.log(window.alert === this.alert); // trueconsole.log(this.parseInt("021", 10)); // 10函数中...
代码如下: function Base(){} //根抽象类 Base.toBase=function(){ //将一个对象转化成Base类的实例的方法 return new Base(); } Base.inherit=function(parent){ //用于继承Base类的实例的方法 var F=function(){} F.prototype=parent; return new F; } Base.prototype.extend = function(prop){ //扩展根抽象类Base的extend方法 for (var o in prop) { this[o] = prop[o]; } } Base.prototype.method = function(name, fn){ //扩...
代码如下: /** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用于存储当前节点的父节点的引用 parent: document, select: function(selectorStr){ var selectors=selectorStr.split(" "); //分隔字符串 for (var i = 0, len = selectors.length; i < len; i++) { var el = this.parent || document; //用于存储指定class属性的节点引用 var val=this.replaceStr(selectors[i]); //代替掉"#"和"."点号，用于获...
JS没有提供所谓的类继承，据说在2.0中要加入这种继承方式，但是要所有浏览器都实现2.0的特性那肯定又得N多年。JS没有提供所谓的类继承，据说在2.0中要加入这种继承方式，但是要所有浏览器都实现2.0的特性那肯定又得N多年。昨天看了crockford 的一个视频，里面讲解了一下JS的继承方式，按照PPT里面说的，一共分了三类：Prototypal，pseudoclassical，Parasitic Inheritance。 下面主要介绍一下原型继承：When a function object is ...
Java代码 代码如下: //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circle.prototype.area = function() { return Circle.PI * this.r * this.r; } var c = new Circle(1.0); alert(c.area()); Java代码 代码如下: //第2种写法 var Circle = function() { var obj = new Object(); obj.PI = 3.14159; obj.area = function( r ) { return this.PI * r * r; } return obj; } var c = new Circle(); alert...
创建一个对象 Java代码 代码如下: var newObject=new Object(); //创建一个对象 newObject.firstName="frank"; //增加一个firstName属性 newObject.sayName=function(){ alert(this.firstName); } //添加一个sayName方法 //调用sayName方法 // newObject.sayName(); // newObject["sayName"](); var FirstName=newObject["firstName"]; var whatFunction; // if(whatVolume==1){ // whatFunction="sayName"; // }else if(whatVol...
很长一段时间以来（这里本人要幸灾乐祸地说），js是“一种点缀的作用，完成很有限的功能，诸如表单验证之类，其语言本身也一直被当作过程化的语言使用，很难完成复杂的功能。”。但是（这里本人要苦大仇深、痛心疾首地说），“而Ajax的出现使得复杂脚本成为必需的组成部分，这就对 JavaScript 程序设计提出了新的要求，很多Ajax应用开始利用JavaScript面向对象的性质进行开发，使逻辑更加清晰。事实上，JavaScript 提供了完善的机制...