为什么只有在第二种情况下执行时才会出现错误？

Question

第二种情况有什么问题？

function f(x) {   
    return (x as string).toLocaleUpperCase();
}

console.log("hello: "+ f("mr.")); // hello: MR.
console.log("hello: "+ f(0));

未捕获的TypeError:x.toLocaleUpperCase在HtmlButtoneElement的f（：2:14）
在：5:25
处不是函数。执行按钮。onclick

Answer 1

据我所知，您的typescript代码被转录成以下javascript代码：

function f(x) {
    return x.toLocaleUpperCase();
}
console.log("hello: " + f("mr.")); // hello: MR.
console.log("hello: " + f(0));

由于数字（如0）没有一个toLocalUpperCase字段，所以会出现错误。

我不确定这是否是最像打字脚本的方式，但这里有一个替代方案适用于您的两种情况：

function f(x) {   
    return x.toString().toLocaleUpperCase();
}

console.log("hello: "+ f("mr.")); // hello: MR.
console.log("hello: "+ f(0));