下面这段代码的目的是什么？

Question

const fullNameMaxLength = 10;

class Employee {
private _fullName: string;

set fullName(newName: string) {
    if (newName && newName.length > fullNameMaxLength) {
        throw new Error("fullName has a max length of " + fullNameMaxLength);
    }

    this._fullName = newName;
}
}

if (newName && newName.length > fullNameMaxLength)

我可以理解检查 newName 在 vanillaJS 中是否真实，但是在 Typescript 中这样做的目的是什么？ Typescript 已经保证 newName 是字符串并且它具有 .length 属性。

完整代码在这里： https://www.typescriptlang.org/docs/handbook/classes.html

Answer 1

假设所有代码都是typescript，由typescript编译，没有涉及到any，那么这个存在性检查是没有用的。

但是，正如其他评论者指出的那样，如果任何代码是纯 javascript，或者作为库公开用于未知代码库或环境，则无法保证类型安全。因此，由开发人员决定是否进行双重检查。

但是，这里有一些方法仍然可以这样写：

1. 非打字稿调用者

// foo.js
employee.fullName = null // not typescript so no error.

1. 可能会传入一种any

// foo.ts
const jsonData: any = { employees: [{ fullName: null }] } // data from a remote api

// no error because `any` be cast to any other type without error.
employee.fullName = jsonData.employees[0].fullName is any.

存在性检查将防止这两种情况引发错误。但是，下一行无论如何都会分配错误的值...

我认为，作为打字稿文档中的示例，存在性检查可能不应该存在，因为它有点令人困惑。

Answer 2

你不能只使用

newName > fullNameMaxLength

因为 newName 可以是 undefined/null ，在这种情况下，你会得到一个未处理的错误。

Uncaught TypeError: Cannot read property 'length' of undefined

接下来，您需要检查 newName.length 并与 fullNameMaxLength 进行比较。