最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript强化教程――Cocos2d-JS中JavaScript继承

来源:懂视网 责编:小采 时间:2020-11-27 20:26:07
文档

JavaScript强化教程――Cocos2d-JS中JavaScript继承

JavaScript强化教程――Cocos2d-JS中JavaScript继承:JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本Cocos2d-HTML中几乎全部的API都是模拟Co
推荐度:
导读JavaScript强化教程――Cocos2d-JS中JavaScript继承:JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本Cocos2d-HTML中几乎全部的API都是模拟Co

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-j ... ance/)中提供了一种简单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;}) ? /\b_super\b/ : /.*/; 
 
 // 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语言的面向对象很熟悉的话,应该很容易看懂。其中第①行代码是声明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非常的重要。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

JavaScript强化教程――Cocos2d-JS中JavaScript继承

JavaScript强化教程――Cocos2d-JS中JavaScript继承:JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-JS的早期版本Cocos2d-HTML中几乎全部的API都是模拟Co
推荐度:
标签: js co javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top