简单的javascript 继承机制

最新推荐文章于 2025-06-15 14:00:34 发布

zhangw428

最新推荐文章于 2025-06-15 14:00:34 发布

阅读量718

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript object function class 扩展

本文链接：https://blog.youkuaiyun.com/zhangw428/article/details/3684272

javascript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种在JavaScript中实现对象扩展和继承的方法，通过自定义`extend`方法来增强对象的功能，并展示了如何使用该方法实现两个类之间的继承关系及方法覆盖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
Object.extend = function(destination, source){  //为Object对象添加一个 “对象扩展” 的静态方法
    for(var p in source){
        destination[p] = source[p]
    }
    return destination;
}
Object.prototype.extend = function(object){   
    return Object.extend.apply(this, [this,object])  //利用Object类的静态方法为每个object对象添加 “扩展”的方法
}
function class1(){
    this.name = 'jack'
}
class1.prototype = {
    method : function(){
        alert(this.name);
    }
}
function class2(){
    this.name = 'mike'
}
class2.prototype = (new class1()).extend({
    method2 : function(){
        alert('hello ' + this.name) 
    }
})
var a = {
    name : 'sco'
}
var b = {};
b.extend(a);
alert(b.name);   // sco
var obj = new class2();
obj.method();  // mike
obj.method2();  // hello mike
alert(obj instanceof class2);  // true
alert(obj instanceof class1);   // true
</script>
</body>
</html>