面试题-TS(一)：TypeScript是什么?它与JavaScript有什么区别?

**面试题-TS(一): TypeScript是什么?它与JavaScript有什么区别?**

作为一名开发者，你可能已经听说过TypeScript这个名字，但你是否真正了解它的含义和优势呢？在本篇文章中，我们将深入探讨TypeScript是什么，以及它与JavaScript之间的主要区别。

**什么是TypeScript?**

TypeScript是一种由微软开发的开源编程语言，基于JavaScript语法。它旨在为JavaScript添加静态类型检查、接口定义和类等特性，使得代码更易于维护、理解和扩展。TypeScript可以在任何支持JavaScript的环境中运行，包括浏览器、Node.js和桌面应用。

**TypeScript与JavaScript的区别**

虽然TypeScript是基于JavaScript语法的，但它有许多关键性的区别：

###1. 静态类型检查JavaScript是一种动态类型语言，这意味着变量在运行时才会被确定其类型。相反，TypeScript采用静态类型检查，它可以在编译阶段就检测出类型错误。

typescript// JavaScriptlet name = 'John';
name =25; // 这里不会报错，因为JavaScript是动态类型// TypeScriptlet name: string = 'John'; // 这里会报错，因为TypeScript是静态类型name =25; // Error: Type 'number' is not assignable to type 'string'.

typescript// TypeScriptinterface Person {
 name: string;
 age: number;
}

const person: Person = {
 name: 'John',
 age:25,
};

typescript// TypeScriptclass Person {
 private _name: string;

 constructor(name: string) {
 this._name = name;
 }

 public getName(): string {
 return this._name;
 }
}

const person = new Person('John');
console.log(person.getName()); // Output: John

typescript// TypeScriptlet name = 'John'; // TypeScript会自动推断name为string类型name =25; // Error: Type 'number' is not assignable to type 'string'.

typescript// TypeScript// module1.tsexport function add(a: number, b: number): number {
 return a + b;
}

// module2.tsimport { add } from './module1';
console.log(add(2,3)); // Output:5

typescript// webpack.config.jsmodule.exports = {
 entry: './src/index.ts',
 module: {
 rules: [
 {
 test: /.ts$/,
 use: 'ts-loader',
 exclude: /node_modules/,
 },
 ],
 },
};