文档章节

JavaScript模拟Java类继承

smalldragonluo
 smalldragonluo
发布于 2014/06/17 11:39
字数 523
阅读 192
收藏 8

    javascript采用原型继承的方式继承一个类(javascript没有类这个概念,暂时这么称呼吧),但一些使用过Java的程序员可能习惯使用经典的类继承,但javascript原生并不支持这种方式,因此需要手动实现。我是通过定义一个定义类的函数实现的,由于javascript没有访问修饰符,因此如果需要使用到private成员,请使用闭包。

 

/*将一个对象的自有属性复制到另一个对象的方法*/
        function merge(from, to){
            for(var i in from){
                if(from.hasOwnProperty(i)){
                    to[i] = from[i];
                }
            }
        }

        /*用于定义一个类
         *参数:构造函数,继承的父类, 属性, 静态属性, 是否为单例模式
         */
        function defineClass(constructor, parent, properties, statics, isSingleton){

            /*使用代理函数,这样父类采用this.xx定义的引用类型将每个实例独有*/
            var oldConstructor = constructor;

            /*如果为单例模式,保存实例,并在以后的调用中返回此实例*/
            if(isSingleton){
                var instance;
                constructor = function(){
                    if(instance) return instance;
                    parent.apply(this, arguments);
                    oldConstructor.apply(this, arguments);
                    instance = this;
                }
            }
            else{
                constructor = function(){
                    parent.apply(this, arguments);
                    oldConstructor.apply(this, arguments);
                }
            }

            /*设置原型属性,这意味着传入的构造函数的原型属性将被覆盖
             *重要:parent内部需要检测参数合理合法性
             */
            constructor.prototype = new parent();
            /*将自有属性复制到原型中
             *将静态属性复制到构造函数中,这意味着将不会继承parent的静态属性
             */
            merge(properties, constructor.prototype);
            merge(statics, constructor);
            /*将构造函数更改为当前构造函数
             *将parent的引用保留
             */
            constructor.prototype.constructor = constructor;
            constructor.prototype.parent = parent;
            return constructor;
        }

    

    注意,不能用此方法继承如Array等内置对象,如果你想通过定义一个类扩展Array的功能,那么在调用Array的某些方法时会出现问题,比如concat返回的数组直接包含两个对象,而不是包含两个对象中的元素。原因是虽然子类的原型链包含Array.prototype,但毕竟不是由Array直接构造,在调用某些方法时可能不会按照原始的方式执行。

© 著作权归作者所有

共有 人打赏支持
smalldragonluo
粉丝 2
博文 9
码字总数 5320
作品 0
南岸
私信 提问
JavaScript 中的继承:ES3、ES5 和 ES6

选择一种继承方式 JavaScript 是一门动态语言,动态意味着高灵活性,而这尤其可以体现在继承上面。JavaScript 中的继承有很多种实现方式,可以分成下面四类: Mixin 模式,即属性混入,从一个...

天方夜
10/30
0
0
swt browser控件与java交互

1、java调用browser页面里的js [javascript] view plain copy final Browser browser = new Browser(shell, SWT.FILL_WINDING); browser.evaluate("fun()");//fun是一个定义好的js函数 2、j......

xiaomin0322
06/12
0
0
PhoneGap 在 Android 上的插件开发方法介绍

简介: 移动应用开发已经成为软件开发的一个重要方向,但是移动开发面临的一个重要问题就是跨平台的问题。 PhoneGap 作为一个多平台的软件开发框架,提供了一次编写多个平台的运行。目前已经...

IBMdW
2012/04/27
2.9K
0
JS中class的实现方式,另模拟dojo.declare

首先写一个简单的类。 function Animal(nickName){ }Animal.prototype.canMiaomiao=false;Animal.prototype.eat=function(){console.log("animal eat");};Animal.prototype.sleep=function()......

xpbug
2012/07/17
0
0
Java 8 Lambda限制:闭包

摘要:主要讨论一下java8 lambda的一些限制和闭包的概念,以及简单比较一下java和javascripe实现闭包的区别。 假设我们想创建一个简单的线程,只在控制台上打印一些东西: 如果我们想在线程里...

力谱宿云
2017/03/23
512
3

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
2
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
4
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0
Kernel I2C子系统

备注:所有图片来源于网络 1,I2C协议: 物理拓扑: I2C总线由两根信号线组成,一条是时钟信号线SCL,一条是数据信号线SDA。一条I2C总线可以接多个设备,每个设备都接入I2C总线的SCL和SDA。I...

yepanl
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部