浅谈浅谈javascript的原型继承的原型继承
javascript的继承在很多框架中都有运用，尤其是原型式继承。首先要理解一个概念，什么是原型式继承？所谓
的原型式继承，就是在函数内部先创建一个临时性的构造函数，然后将传入的对象做这个构造函数的原型，最
后返回这个临时类型的新实例
请看源码：
复制代码 代码如下:
function clone(o) {
var F = function(){};
F.prototype = o;
return new F();
}
首先看ext（4.1的1896行开始）的原型式继承。
复制代码 代码如下:
var TemplateClass = function(){};
var ExtObject = Ext.Object = {
chain: function (object) {
TemplateClass.prototype = object;
var result = new TemplateClass();
TemplateClass.prototype = null;
return result;
}
}
这里清除了object的prototype。
再看一下jquery是怎么玩的继承。
复制代码 代码如下:
var jQuery = function( selector, context ) {
return new jQuery.fn.init( selector, context, rootjQuery );
};
-----------------------
jQuery.fn = jQuery.prototype = {
constructor: jQuery,
init: function( selector, context, rootjQuery ) {
-----------------------
}
}
-------------------
jQuery.fn.init.prototype = jQuery.fn;
jquery玩的就比较高，借助jQuery.fn.init来完成，但是思路一样。
司徒正美的mass里也有类似的继承，在lang_fix.js里面第17行：
复制代码 代码如下:
create: function(o){
if (arguments.length > 1) {
$.log(" Object.create implementation only accepts the first parameter.")
}
function F() {}
F.prototype = o;
return new F();
}
查看了一下es5的官方，找到了他的兼容补丁：
复制代码 代码如下:
// ES5 15.2.3.5
// http://es5.github.com/#x15.2.3.5
if (!Object.create) {
Object.create = function create(prototype, properties) {
var object;
if (prototype === null) {
资源评论
weixin_38694566
- 粉丝: 5
- 资源: 878
