简单的JS多重继承示例_javascript技巧

复制代码 代码如下:

$defined = function (v) {
    return v != undefined;
}

Class = function () {
    var base = {};
    for (var k=0; k<arguments.length; k++) {
    //{{new arguments[k]() with custom constructor field.
        var o = arguments[k].prototype;
        o.constructor = arguments[k];
        arguments[k].call(o);
    //}}
        for (key in o) base[key] = o[key];
    }
    function Klass () {
        // for every class one object cache.
        var clso = null;
        function klass() {
            if (arguments.length<=0 && clso!=null) {
                // hit cache.
                return clso;
            }
            if ($defined(this.constructor.init)) {
                // use init() for class initialization.
                this.constructor.init.apply(this, arguments);
            }
            clso = this;
        }
        klass.prototype = base;
        return klass;
    }
    return Klass();
}

A = new Class();
A.init = function () {
    this.x = 400;
    this.y = 300;
}
B = new Class(A);
B.init = function () {
    this.y = 200;
    this.z = 100;
}
C = new Class(B);
C.init = function () {
    this.z = 0;
}
c = new C();
alert(c.x);
alert(c.y);
alert(c.z); 

时间: 2024-09-28 19:43:17

简单的JS多重继承示例_javascript技巧的相关文章

使用Object.defineProperty实现简单的js双向绑定_javascript技巧

缘起 前几天在看一些流行的迷你mvvm框架(比如avalon.js. vue.js 这种较轻的框架,而非Angularjs.Emberjs这种较重的框架)的实现.现代流行的mvvm框架一般都会将数据双向绑定(two-ways data binding)做掉,作为框架自身的一个卖点( Ember.js 貌似是不支持数据双向绑定的.),而且每种框架双向数据绑定的实现方式都不太一致,比如Anguarjs内部使用的是 脏检查 ,而avalon.js内部实现方式的本质是设置 属性访问器 . 这里不打算具体

简单的js表格操作_javascript技巧

效果图:   任务:  1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff  var tr=document.getElementsByTagName("tr"); for(var i= 0;i<tr.length;i++) { bgcChange(tr[i]); } // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色. function bgcChange(obj) { obj.onmouseove

简单实现JS计算器功能_javascript技巧

该计算器功能: 1.校验:小数点,重复计算,以及大量更符合用户体验的操作. 2.能够从键盘输入. 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type

简单理解js的冒泡排序_javascript技巧

关于排序,其实不管是哪种语言,都有它内置的排序函数,我们要用的时候调用就行了,既然如此,我们为什么还要讲这个东西呢?我想,其实,我们讲排序更多是在于排序中包含的思想算法,因为,算法对于计算机来说相当重要,一个好的算法能够让计算机的效率达到事半功倍的效果,所以,算法是计算机语言中一门相当热门的课程,它所代表的计算机思维也是很值得我们去深入研究的. 我也知道,关于我标题中的排序,博客园中的很多作者都写过详细解释的文章,可能,笔者本人认为自己的理解更能体现出这个排序的工作原理吧,所以,笔者也就大惭不愧

实现非常简单的js双向数据绑定_javascript技巧

双向数据绑定指的就是,绑定对象属性的改变到用户界面的变化的能力,反之亦然.换种说法,如果我们有一个user对象和一个name属性,一旦我们赋了一个新值给user.name,在UI上就会显示新的姓名了.同样地,如果UI包含了一个输入用户姓名的输入框,输入一个新值就应该会使user对象的name属性做出相应的改变. 很多热门的JS框架客户端如Ember.js,Angular.js 或者KnockoutJS ,都在最新特性上刊登了双向数据绑定.这并不意味着从零实现它很难,也不是说需要这些功能的时候,采

简单的js计算器实现_javascript技巧

本文实例为大家分享了js计算器实现代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body > <input type='text' id='txt1' /> <select id='select'> <option val

iframe子父页面调用js函数示例_javascript技巧

1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c

简单实现js浮动框_javascript技巧

本文实例为大家分享了js浮动框的实现代码,供大家参考,具体内容如下 一.在需要加入浮动框的页面中加入如下css代码: <!-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win { border: 1px solid #A67901; background: #EAEAEA; width: 240px; position: absolute; right: 0; font-size: 12px; font-

一个简单的js树形菜单_javascript技巧

我练习一下,以免不时之需. 树形菜单不过就是把普通菜单重新排列一下,看起来像树形而已. 上图京东的菜单,给他多几个嵌套,然后添加收缩伸展事件,差不多就行了. 给个例子: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>