易截截图软件、单文件、免安装、纯绿色、仅160KB

Javascript 继承机制和构造方法链实现

首先是我们熟悉的extend函数 
/**
* 扩展函数
* @param target 扩展对象
* @param params 扩展参数
*/
function extend(target, params) {
if (!target) {
target = {};
}
for (var prop in params) {
target[prop] = params[prop];
}
return target;
}  
接下来继承函数
/**
* 继承函数
* @param SuperClass 父类
* @param overrides 重写方法
*/
function extendClass(SuperClass, overrides) {
var SubClass = function() {
// 自动调用构造函数
this.initialize.apply(this, arguments);
};

SubClass.prototype = new SuperClass();

extend(SubClass.prototype, overrides);

SubClass.superclass = SuperClass;

return SubClass;
}  
测试代码
var Animal = extendClass(Object, {
initialize: function(name){
this.name = name;
},

showName: function(){
alert(this.name);
}
});

var Cat = extendClass(Animal, {
initialize: function(name) {
// 调用父类构造函数
Cat.superclass.prototype.initialize.call(this, name);
}
});

var BlackCat = extendClass(Cat, {
initialize: function(name, type) {
// 调用父类构造函数
BlackCat.superclass.prototype.initialize.call(this, name);
this.type = type;
},
showType: function() {
alert(this.type);
},
showName: function() {
alert(this.name + ":" + this.type);
}
});


var cat = new Cat("cat name");
// 继承方法
cat.showName();

// true
alert(cat instanceof Animal);

// true
alert(cat instanceof Cat);

// false
alert(cat instanceof BlackCat);

var blackCat = new BlackCat("123", "black");

// 方法重写
blackCat.showName();

// 自有方法
blackCat.showType();

// true
alert(blackCat i


相关文档:

基于JavaScript和CSS的Web图表框架横向对比

jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。 1. Flot Flot ......

在javascript中获取中英文字符长度的问题


在javascript中获取中英文字符长度的问题
var i="中国a";
一般情况下,我们用i.length会得到结果3
但有时候我们需要5,下面的小代码可以解决问题
Java代码
 1. <script>     
 2.  alert (fucCheckLength("中国aaaa"));     
& ......

JavaScript进行GET和POST请求

JavaScript进行GET和POST请求
Web上最常见的请求就是GET请求.每次在浏览器中输入URL并打开也米纳市,就是在向服务器发送一个GET请求.
GET请求:
GET请求的参数使用问号追加到URL的结尾,后米纳给这用&好连接起来的名称/值.例如:
http://www.somewhere.com/page.php?name1=value1&name2=value2&name3=value3
......

JavaScript中匿名函数,函数直接量和闭包(转)

原文出处: http://www.dnew.cn/post/196.htm
先看下下面几种写法
1.function f(x){return x*x;};f(x);
2.(function(x){return x*x;})(x);
3.(function(x){return x*x;}(x));
第一种我们应该都很熟悉了,这是我们经常使用的写法。第二第三种都是匿名函数的写法。
------------------------------------------------ ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号