zoukankan      html  css  js  c++  java
  • Cocos2d-JS中JavaScript继承

    JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。因为Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本号Cocos2d-HTML中差点儿全部的API都是模拟Cocos2d-x API而设计的,Cocos2d-x本身是有C++编写的,当中的非常多对象和函数比較复杂,JavaScript语言描写叙述起来有些力不从心了。
    在开源社区中John Resiq在他的博客(http://ejohn.org/blog/simple-javascript-inheritance/)中提供了一种简单JavaScript继承(Simple JavaScript Inheritance)方法。
    John Resiq的简单JavaScript继承方法灵感来源于原型继承机制,它具有与Java等面向对象一样的类概念。而且他设计了全部类的根类Class。它的代码例如以下:
    /* Simple JavaScript Inheritance
     * By John Resig http://ejohn.org/
     * MIT Licensed.
     */
    // Inspired by base2 and Prototype
    (function(){
      var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /_super/ : /.*/;
     
      // The base Class implementation (does nothing)
      this.Class = function(){};
     
      // Create a new Class that inherits from this class
      Class.extend = function(prop) {
        var _super = this.prototype;
       
        // Instantiate a base class (but only create the instance,
        // don't run the init constructor)
        initializing = true;
        var prototype = new this();
        initializing = false;
       
        // Copy the properties over onto the new prototype
        for (var name in prop) {
          // Check if we're overwriting an existing function
          prototype[name] = typeof prop[name] == "function" &&
            typeof _super[name] == "function" && fnTest.test(prop[name]) ?

    (function(name, fn){ return function() { var tmp = this._super; // Add a new ._super() method that is the same method // but on the super-class this._super = _super[name]; // The method only need to be bound temporarily, so we // remove it when we're done executing var ret = fn.apply(this, arguments); this._super = tmp; return ret; }; })(name, prop[name]) : prop[name]; } // The dummy class constructor function Class() { // All construction is actually done in the init method if ( !initializing && this.init ) this.init.apply(this, arguments); } // Populate our constructed prototype object Class.prototype = prototype; // Enforce the constructor to be what we expect Class.prototype.constructor = Class; // And make this class extendable Class.extend = arguments.callee; return Class; }; })();



    与Java中的Object一样全部类都直接或间接继承于Class,以下是继承Class实例:
    var Person = Class.extend({												①
        init: function (isDancing) {												②
            this.dancing = isDancing;
        },
        dance: function () {													③
            return this.dancing;
        }
    });
    
    
    var Ninja = Person.extend({												④
        init: function () {														⑤
            this._super(false);												⑥
        },
        dance: function () {													⑦
            // Call the inherited version of dance()
            return this._super();												⑧
        },
        swingSword: function () {												⑨
            return true;
        }
    });
    
    
    var p = new Person(true);												⑩
    console.log(p.dance());// true												⑪
    
    
    var n = new Ninja();														⑫
    console.log(n.dance()); // false												⑬
    console.log(n.swingSword()); // true	
    


    假设你对于Java语言的面向对象非常熟悉的话。应该非常easy看懂。当中第①行代码是声明Person类,它继承自Class,Class.extend()表示继承自Class。第②行代码的定义构造函数init,它的作用是初始化属性。第③行代码是定义普通函数dance(),它能够返回属性dancing。
    第④行代码是声明Ninja类继承自Person类。第⑤行代码的定义构造函数init。在该函数中this._super(false)语句是调用父类构造函数初始化父类中的属性。见代码第⑥行所看到的。

    第⑦行代码是重写dance()函数,它会覆盖父类的dance()函数。

    第⑧行代码是this._super()是调用父类的dance()函数。第⑨行代码是子类Ninja新加入的函数swingSword()。


    第⑩行代码通过Person类创建p对象。给构造函数的參数是true。第⑪行代码是打印日志p对象dance属性。结果为true。


    第⑫行代码通过Ninja类创建n对象,构造函数的參数为空,默认初始化採用false初始化父类中的dance属性。

    因此在代码第⑬行打印为false。


    这样的简单JavaScript继承方法其实实现了一般意义上的面向对象概念的继承和多态机制。这样的简单JavaScript继承方法是Cocos2d-JS继承机制的核心。Cocos2d-JS略微做了改动,熟悉简单JavaScript继承的使用方法对于理解和学习Cocos2d-JS非常的重要。


    很多其它内容请关注最新Cocos图书《Cocos2d-x实战:JS卷——Cocos2d-JS开发
    本书交流讨论站点:http://www.cocoagame.net
    欢迎加入Cocos2d-x技术讨论群:257760386
    很多其它精彩视频课程请关注智捷课堂Cocos课程:http://v.51work6.com

    《Cocos2d-x实战 JS卷》现已上线。各大商店均已开售:

    京东:http://item.jd.com/11659698.html

    欢迎关注智捷iOS课堂微信公共平台,了解最新技术文章、图书、教程信息


  • 相关阅读:
    Windows PowerShell 2.0之进程管理
    PowerShell 2.0远程管理之交互式远程线程
    PowerShell 2.0解析、格式化及显示远程输出
    PowerShell 2.0语言远程管理之理解线程配置
    PowerShell 2.0远程管理之隐式远程管理
    PowerShell 2.0如何将远程线程保存在本地
    Windows PowerShell 2.0之服务管理
    PowerShell 2.0远程管理开发使用CredSSP处理多跳授权
    通过PowerShell操作事件日志
    (译)Silverlight教程第七部分: 使用控件模板定制控件的观感
  • 原文地址:https://www.cnblogs.com/llguanli/p/8366526.html
Copyright © 2011-2022 走看看