JavaScript 与 TypeScript

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《JavaScript 与 TypeScript》，聊聊，我们一起来看看吧！

javascript (js) 长期以来一直是现代 web 开发的支柱。随着 web 应用程序的复杂性不断增加，对更好工具的需求变得显而易见，尤其是在类型安全性和代码可维护性方面。这就是 javascript 超集 typescript (ts) 发挥作用的地方。让我们深入研究 typescript 和 javascript 之间的主要区别，探索它们独特的用例，并查看示例以了解它们在开发中的角色。

什么是 javascript？

javascript 是一种动态、松散类型和解释性编程语言。它广泛用于在网络上创建交互式和动态内容，使其成为最流行的前端开发语言。

javascript 的主要特性：

• 动态类型：无需声明变量类型。
• 解释语言：代码在浏览器中逐行执行。
• 灵活且易于学习：它的灵活性允许开发人员编写代码而无需担心类型，尽管这可能会导致大型应用程序出现问题。

javascript 代码示例：

function greet(name) {
    return "hello, " + name;
}

console.log(greet("alice")); // output: hello, alice

在这个例子中，javascript 自动推断 name 是一个字符串，并且在编译时没有类型检查。

什么是 typescript？

typescript 是 microsoft 开发的 javascript 的静态类型超集。它通过添加静态类型来扩展 javascript，这意味着在编译时检查类型。 typescript 编译为纯 javascript，使其可以在任何支持 javascript 的环境中运行。

typescript 的主要特性：

• 静态类型：开发者可以显式定义变量类型，这有助于在编译时捕获错误。
• 类型推断：即使 typescript 使用类型，它也可以根据上下文推断类型。
• 支持 es6/esnext 功能：typescript 支持现代 javascript 功能并将其转换为较旧的 javascript 版本以获得更广泛的兼容性。
• 增强的 ide 支持：typescript 提供更好的 intellisense、自动完成和重构功能。

typescript 代码示例：

function greet(name: string): string {
    return `hello, ${name}`;
}

console.log(greet("alice")); // output: hello, alice
// console.log(greet(123)); // error: argument of type 'number' is not assignable to parameter of type 'string'.

在这里，typescript 强制名称必须是字符串。如果开发人员尝试传递数字，它会在编译时引发错误，从而防止潜在的运行时问题。

typescript 和 javascript 之间的主要区别

function add(a, b) {
    return a + b;
}

console.log(add(5, 10)); // output: 15
console.log(add("5", 10)); // output: 510 (due to type coercion)

function add(a: number, b: number): number {
    return a + b;
}

console.log(add(5, 10)); // Output: 15
// console.log(add("5", 10)); // Error: Argument of type 'string' is not assignable to parameter of type 'number'.

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~