typescript类间共享数据问题

问题描述

问 题

有A、B、C、D四个类，分别在4个不同的文件中，a.ts、b.ts、c.ts、d.ts，现在有一个需求是A类中的变量，需要在B、C、D中使用

我的思路是：让A、B、C、D都继承Common类，然后在A类是使用super.m = 'zs'，其他类就可以通过super来获取到数据，要不按这个思路，请问如何做？

若有更好的解决方法，麻烦提供一个，谢谢！

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

你说的方法其实有一个问题，那就是像，B、C、D间实例后之间并不能够达到共享的作用；因为当实例以后其数据之间本身就是隔离的。

当然，如果题主的本意无须彼此间的共享，只是单纯为了一些共同的变量声明而已，那意味者A类根本就不需要，只需要定义一个常量不就可以了。

const A = { m: 'zs' };
// 或者定义一个类A的静态变量
class A {}
A.m = 'zx'
// 相比较上面更优雅

class B {
    show() { console.log(A.m); }
}

class C {
    show() { console.log(A.m); }
}

class D {
    show() { console.log(A.m); }
}

如若不是……

这个问题，其实蛮常遇到的。从设计模式角度出发的话，将A类构建成单例对象是再好不过了。

const A = (() => {
    let _m = 'zx';
    // any function
    return {
        getM: () => _m,
        setM: (v) => {
            _m = v;
        }
    };
})();

class B {
    show() {
        console.log(A.getM());
        A.setM('new zx');
    }
}

class C {
    show() {
        console.log(A.getM());
    }
}

let b = new B();
let c = new C();
b.show(); // zx
c.show(); // new zx

和前面的常量或类静态变量不同的是，允许我们在单例类中做更多的事，而对于外部的 public 方法永远只能是 getM、setM。

当然，以上有一个很重要的问题，那就是可测试性差。因为类彼此间过渡依赖，这里介绍一种更优雅的办法是引入依赖注入。

比如 InversifyJS 基于Typescript 非常小，但让代码看起来更优雅，也更容易被测试。

import { Container, injectable, inject } from "inversify";

@injectable()
class A {
    m: string = 'zx';
}

@injectable()
class B {
    public constructor(a: A) {
        console.log(a.m); // zx
    }
}

@injectable()
class C {
    public constructor(a: A) {
        console.log(a.m); // zx
    }
}

var container = new Container();
container.bind<A>(A).inTransientScope(); // singleton mode
container.bind<B>(B).to(B);
container.bind<C>(C).to(C);

Happy coding!

这篇关于typescript类间共享数据问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！