如何编写扩展 Array 类的正确构造函数

Question

场景

我有以下代码：

const composeMatrix = (nRow, nCol, filler) => Array(nRow).fill(Array(nCol).fill(filler));

class Matrix extends Array {
    constructor({ nRows = 3, nCols = 3, filler = 0 } = {}) {
        super(...composeMatrix(nRows, nCols, filler));
    }
    makeTranspose() {
        const mat = this;
        const column = mat[0];
        return column.map((_, i) => {
            return mat.map((row) => row[i]);
        });
    }
}

我正在像这样实例化一个新的Matrix：

const mat = new Matrix({ nRows: 4, filler: 1 });

将mat 记录到控制台给了我预期的结果，

Matrix(4) [ 
  [ 1, 1, 1 ], 
  [ 1, 1, 1 ], 
  [ 1, 1, 1 ],
  [ 1, 1, 1 ]
]

问题

现在，当我调用该类的 makeTranspose 方法时，它会返回：

[ 
  Matrix(4) [ 1, 1, 1, 1 ], 
  Matrix(4) [ 1, 1, 1, 1 ],
  Matrix(4) [ 1, 1, 1, 1 ] 
]

预期输出：

Matrix(3) [
  [ 1, 1, 1, 1 ], 
  [ 1, 1, 1, 1 ], 
  [ 1, 1, 1, 1 ]
]

我的想法是，map函数每次遍历数组时都会调用这个子类的构造函数，然后调用super，然后调用composeMatrix函数并生成一个新的矩阵。

我该如何解决这个问题？

• 我想要一个 class 来扩展 Array 并添加一些方法。
• 构造函数需要按预期获取一些相关参数和函数。
• 我不想向prototype 添加函数。

Answer 1

矩阵不是数组。你最好使用composition over inheritance。

Array.create = (length, mapping) =>
    Array.from({ length }, (value, index) => mapping(index));

class Matrix {
    constructor(rows, cols, data) {
        this.rows = rows;
        this.cols = cols;
        this.data = data;
    }

    static create(rows, cols, mapping) {
        const data = Array.create(rows, row =>
            Array.create(cols, col => mapping(row, col)));
        return new Matrix(rows, cols, data);
    }

    transpose() {
        const { rows, cols, data } = this;
        return Matrix.create(cols, rows, (row, col) => data[col][row]);
    }
}

const mat = Matrix.create(4, 3, (row, col) => 1);

console.log(mat.transpose());

使用函数式编程风格。

const array = (length, mapping) =>
    Array.from({ length }, (value, index) => mapping(index));

const Matrix = (rows, cols, data) => ({ rows, cols, data });

const matrix = (rows, cols, mapping) =>
    Matrix(rows, cols, array(rows, row =>
        array(cols, col => mapping(row, col))));

const transpose = ({ rows, cols, data }) =>
    matrix(cols, rows, (row, col) => data[col][row]);

const mat = matrix(4, 3, (row, col) => 1);

console.log(transpose(mat));