Question

嗨，请耐心等待我。我是一名进入javaScript世界的PHP开发人员。现在我构建一个包含不同大小块的网格。我想要一个包含所有方法的基本块，然后是其他扩展它的块（使用它的方法）但具有不同的属性。我做了很多阅读，但似乎无法找到一致的方法。我已经把一些代码放在一起虽然可行，但它没有。示例中的SmallBlock具有自己的属性，但没有Blocks属性

    // Simple extend function to add for creating object inheritance
    function extend(Child, Parent) {
        var Temp = function(){
            Temp.prototype = Parent.prototype;
            Child.prototype = new Temp();
            Child.prototype.constructor = new Child();
        }
    }

    //__________________________________________________
    // ## OBJECT DECLARATIONS  ##
    //__________________________________________________

    //__________________________________________________
    // ## BLOCK ##
    // Base object representing a block/tile in the grid
    var Block = function(){

        // The X position block
        this.positionX = 0;

        // The Y position block
        this.positionY = 0;

        // The height of the block
        this.height = 0;

        // The width of the block
        this.width = 0;

        // The horizontal orientation of a block
        this.blockHorizontalOrientation = null;

        // The vertical orientation of a block
        this.blockVerticalOrientation = null;

        // Method to set the width of a block
        this.setWidth = function(width){
            this.width = width;
        };

        // Method to set the height of a block
        this.setHeight = function(height){
            this.height = height;
        };

        // Method to get the width of a block
        this.getWidth = function(){
            return this.width;
        };

        // Method to get the height of a block
        this.getHeight = function(){
            return this.height;
        };

        // Method to set the X position of a block (in the grid)
        this.setPosX =  function(posX){
            this.positionX = posX;
        };

        // Method to set the Y position of the block (in the grid)
        this.setPosY = function(posY){
            this.positionY = posY;
        };

        // Method to get the Y position of the clock
        this.getPosY = function(){
            return this.positionY;
        };

        // Method to get the X position of the clock
        this.getPosX = function(){
            return this.positionX;
        };

        // Method to get the horizontal orientation
        this.getHOrientation = function(){
            return this.blockHorizontalOrientation;
        };

        // Method to get the vertical orientation
        this.getVOrientation = function(){
            return this.blockVerticalOrientation;
        };

        // Method to get the horizontal orientation
        this.setHOrientation = function(hOren){
            this.blockHorizontalOrientation = hOren;
        };

        // Method to get the vertical orientation
        this.setVOrientation = function(vOren){
            this.blockVerticalOrientation = vOren;
        };
    }

    //__________________________________________________
    // ## SMALL BLOCK ##
    // object representing a small block/tile in the grid -- extends Block
    var BlockSmall = function(){

        // The X position block
        this.positionX = 0;

        // The Y position block
        this.positionY = 0;

        // The height of the block
        this.height = 1;

        // The width of the block
        this.width = 1;

        // The horizontal orientation of a block
        this.blockHorizontalOrientation = null;

        // The vertical orientation of a block
        this.blockVerticalOrientation = null;
    };

    // EXTENDING BLOCK
    extend(BlockSmall, Block);

请有人检查一下这段代码并提供帮助，告诉我这是错误的。如果我在外面，请再次耐心等待我。这对我来说都是全新的概念。

Answer 1

嗯，这应该适用于继承：

function extend(Child, Parent) {
  Child.prototype = new Parent();
  Child.constructor = Child;
}

在您的代码中，您只需在extend内定义一个永远不会被调用的函数。

JavaScript对象继承问题

1 个答案: