javascript - 扩展 pixi.js sprite 并在构造函数中访问父级的属性

标签 javascript class inheritance prototype

我正在尝试扩展 pixi.js 的 sprite 类并在我的子类构造函数中设置它的position.x 属性

var Ship = function(x, y, image, focused) {
    PIXI.Sprite.fromImage.call(this, image);

    this.x = x;
    this.y = y;
    this.image = image;
    this.focused = typeof focused != 'undefined' ? focused : false;

    this.position.x = window.width/2;
};

Ship.prototype = Object.create(PIXI.Sprite.fromImage.prototype);

Ship.prototype.constructor = Ship;

但是,我不断收到错误“Uncaught TypeError:无法设置未定义的属性 'x'”

this.position.x = window.width/2;

我相信在调用 Object.create() 之前我无法访问父类的属性...那么执行此操作的正确方法是什么?

最佳答案

Ship.prototype = Object.create(PIXI.Sprite.prototype);

应该可以解决问题!

关于javascript - 扩展 pixi.js sprite 并在构造函数中访问父级的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28140597/

相关文章:

javascript - jQuery 插件如何维护全局状态?

javascript - Bootstrap v4 'hidden-xs-up' 不工作

c# - 对有关我的超时类的反馈感兴趣

c++ - 在类中调用函数

c++ - 模板继承

javascript - 如何使用 jquery 突出显示选定的列表项?

javascript - 未捕获的类型错误 : Cannot set property 'onclick' of null

c++ - 引用C++宏中的类

c++ - Clang 编译有效,而 gcc 不适用于菱形继承(钻石问题)

java - 如何从子类而不是父类(super class)获取数据字段?