Chỉ định thuộc tính cho nguyên mẫu không có kiểu trang trí

Question

Tôi đang tạo bản đồ đơn giản giữa cấu trúc dữ liệu frontend/backend. Để làm được điều mà tôi đã tạo ra một trang trí trông giống như sau:

function ApiField(
    apiKey: string, 
    setFn: (any) => any = (ret) => ret, 
    getFn: (any) => any = (ret) => ret 
) { 
    return function (target: AbstractModel, propertyKey: string) { 
     target.apiFieldsBag = target.apiFieldsBag || {}; 
     _.assign(
      target.apiFieldsBag, 
      { 
       [propertyKey]: { 
        apiKey: apiKey, 
        setFn: setFn, 
        getFn: getFn 
       } 
      } 
     ); 
    }; 
} 

Và đây là cách tôi sử dụng nó:

class AbstractCar { 
    @ApiField('id') 
    public id: string = undefined; 
} 

class BMW extends AbstractCar { 
    @ApiField('cylinders') 
    public cylinderCount: number; 
} 

class VW extends AbstractCar { 
    @ApiField('yearCompanyFounded') 
    public yearEstablished: number; 
} 

Vấn đề mà tôi nhìn thấy là thay vì đối tượng thực tế được truyền tới trang trí luôn là nguyên mẫu của nó:

__decorate([ 
    ApiField('yearCompanyFounded') 
], VW.prototype, "yearEstablished", void 0); 

Điều đó có nghĩa là khi tôi gán công cụ cho cá thể trong trang trí, nó luôn gắn liền với nguyên mẫu lần lượt có nghĩa là các thuộc tính mà tôi muốn được xác định chỉ có cá thể VW cũng có sẵn trên AbstractCar và lớp BMW (trong ví dụ này là yearEstablished). Điều này làm cho nó không thể có hai thuộc tính có cùng tên nhưng các trường API khác nhau trong hai lớp khác nhau.

Có cách nào để phá vỡ hành vi này không?

Answer 1

Ngay bây giờ, tất cả ba lớp học được thêm thuộc tính để cùng một đối tượng. Chìa khóa để sửa lỗi này là để sao chép đối tượng trên target.data để mỗi lớp đang sử dụng một đối tượng khác thay vì tất cả chúng đều đề cập đến cùng một đối tượng.

Dưới đây là một ví dụ đơn giản thể hiện một cách để làm điều này:

function ApiField(str: string) { 
    return function (target: any, propertyKey: string) { 
     // I tested with Object.assign, but it should work with _.assign the same way 
     target.data = _.assign({}, target.data, { 
      [propertyKey]: str 
     }); 
    }; 
} 

class AbstractCar { 
    @ApiField("car") 
    public carID; 
} 

class BMW extends AbstractCar { 
    @ApiField("bmw") 
    public bmwID; 
} 

class VW extends AbstractCar { 
    @ApiField("vw") 
    public vwID; 
} 

AbstractCar.prototype.data; // Object {carID: "car"} 
BMW.prototype.data;   // Object {carID: "car", bmwID: "bmw"} 
VW.prototype.data;   // Object {carID: "car", vwID: "vw"} 

Answer 2

Vấn đề là public bên trong một lớp không phải là JavaScript chuẩn, nó chỉ là thứ mà TypeScript thực hiện. Vì vậy, bạn phải cẩn thận, bởi vì bất cứ điều gì bạn làm có thể phá vỡ trong tương lai.

Một khả năng là sử dụng Object.assign() thêm các thuộc tính dụ (IINM, apiFieldsBag nên được chuyển từ các đối tượng được tạo ra bởi các đối tượng theo nghĩa đen để this):

class AbstractCar { 
    constructor() { 
     Object.assign(this, { 
      @ApiField('id') 
      id: undefined, 
     }); 
    } 
}