在分配之前使用变量“test” - Typescript

dhr*_*204 17 typescript typescript-typings typescript2.0

我在这个打字稿代码的实现中遇到错误。我在这里将一种类型映射到另一种类型。但是 vscode 显示在分配之前使用了变量“test”的错误。有人可以帮忙吗?

interface A {
   name: string;
   age: string;
   sex: string;
}

interface B {
   name: any;
   age: string;
   sex: string;
 }

const modifyData = (g : B) :A => {

    let test: A;
    test.name = g.name['ru'];
    test.age = g.age;
    test.sex = g.sex;

   return test as A;
};

const g = [{
  "name": {
      "en": "George",
      "ru": "Gregor"
       },
  "age": "21",
  "sex": "Male"
},
{
  "name": {
      "en": "David",
      "ru": "Diva"
       },,
  "age": "31",
  "sex": "Male"
}];

const data = g.map(modifyData);
console.log(data);
Run Code Online (Sandbox Code Playgroud)

小智 95

触发错误是因为打字稿在某些情况下认为变量仍然为未定义。在变量之前添加!告诉打字稿删除未定义或 null 作为变量的可能类型:

let test!: A;
Run Code Online (Sandbox Code Playgroud)

明确赋值断言文档

游乐场:打字稿/游乐场

  • 答案可能有用,但至少对我来说不是。简单解释一下什么!就是这里的意思,会很方便 (17认同)
  • 这里的主要思想是,Typescript 会计算所有可能的场景,甚至是那些乍一看不太明显的场景,因此它的推理能力会遇到可能的“null”或“undefined”类型。因此,如果您确定某个变量实际上不会是“null”或“undefined”,您可以通过后缀“!”提示TS,这只是从表达式的类型中删除“null”和“undefined”。[更多信息](/sf/answers/3339327841/) (10认同)
  • 另一种说法是!运算符意味着您想告诉编译器您最了解。您断言该值将始终被指定。您很少需要这样做,因为在运行时很容易被捕获。 (4认同)
  • 它称为明确赋值断言:https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-7.html#definite-assignment-assertions (4认同)

And*_*ndy 32

澄清一下,这取决于“已分配”和“已定义”之间的区别。例如:

let myDate: Date; // I've defined my variable as of `Date` type, but it still has no value.

if (!someVariable) {
   myDate = new Date();
}

console.log(`My date is ${myDate}`) // TS will throw an error, because, if the `if` statement doesn't run, `myDate` is defined, but not assigned (i.e., still has no actual value).
   
Run Code Online (Sandbox Code Playgroud)

定义只是意味着给它一个初始值:

let myDate: Date | undefined = undefined; // myDate is now equal to `undefined`, so whatever happens later, TS won't worry that it won't exist.

Run Code Online (Sandbox Code Playgroud)

  • 是的,谢谢,这是我的问题。您不需要显式分配 undefined - TS 只需要知道它是预期的:`let myDate: Date | 未定义;` (2认同)

mle*_*eko 9

它确实是未分配的。它被定义了,但它没有价值。

在我看来,最干净的方法是返回一个文字:

const modifyData = (g: B):A => {
    return {
        name: g.name['ru'],
        age: g.age,
        sex: g.sex
    } as A;
};
Run Code Online (Sandbox Code Playgroud)