Cách cấu trúc lớp tiện ích

Question

Tôi có một số chức năng tiện ích. Cách tốt nhất để đóng gói những thứ này là gì và sau đó nhập chúng?

Đây là những gì tôi đang cố gắng để làm:

import * as util from './util' 

export class myClass{ 
    constructor() 
    { 
      util.doSomething("test"); 
    } 
} 

Sau đó, trong lớp:

export class Util{ 
    doSomething(val: string){ return val;} 

    doSomethingElse(val: string{ return val;} 
} 

nhắn Các lỗi tôi nhận được từ VS là "tài sản doSomething không tồn tại trên loại util. "

Answer 1

Nếu bạn tạo một file utils.ts chứa

export default class Utils { 
    static doSomething(val: string) { return val; } 
    static doSomethingElse(val: string) { return val; } 
} 

sau đó bạn có thể đơn giản hóa mã khách hàng của bạn như thế này:

import Utils from './utils' 

export class MyClass { 
    constructor() 
    { 
     Utils.doSomething("test"); 
    } 
} 

Answer 2

Có một vài vấn đề ở đây:

1. Bạn không instantiating bất cứ điều gì, và doSomething là một phương pháp dụ
2. Khi bạn làm import * as util, util đại diện cho mô-đun, không phải là một đối tượng trong đó.

Nếu bạn muốn Util, bạn chỉ nên nhập khẩu rằng:

import { Util } from './util' 

Tiếp theo, bạn nên nhanh chóng Util, trước khi cuối cùng đã gọi phương thức trên nó:

var u = new Util(); 
u.doSomething("test"); 

Dưới đây là mã của bạn vá lên:

import { Util } from './util' 

export class MyClass{ 
    constructor() 
    { 
     var u = new Util(); 
     u.doSomething("test"); 
    } 
} 

---

Tất cả những gì đã nói, dường như có điều gì đó kỳ lạ về cách bạn đang sử dụng utils của bạn. Đây là ý kiến ​​hoàn toàn cá nhân, nhưng tôi sẽ không gọi các phương thức "làm điều gì đó", tức là gây ra các tác dụng phụ, trong một nhà xây dựng.

Ngoài ra, các phương thức trong Util không thực sự giống như chúng cần ở trong lớp đó, vì lớp không giữ trạng thái mà chúng phụ thuộc vào. Bạn luôn có thể xuất các chức năng thông thường từ một mô-đun. Nếu bạn đã viết mô-đun utils của bạn như thế này:

export function doSomething(val: string) { return val; } 

export function doSomethingElse(val: string) { return val; } 

bạn sẽ xuất các chức năng của mình trực tiếp và sẽ tránh phiền phức instantiation, và trên thực tế mã ban đầu của bạn sẽ hoạt động chính xác.