JS和TS学习总结

JavaScript

基础知识

JavaScript是一种高级动态类型编程语言，用于在网站和应用程序中添加交互式效果。它可以被嵌入HTML页面中，并通过浏览器的JavaScript引擎进行解释执行。

语法

JavaScript由多个语句组成，每个语句代表一种操作或功能。以下是几个基本语法：

变量：使用var、let和const关键字定义变量，其中var变量有函数作用域，而let和const只有块级作用域。

条件语句：使用if...else、switch语句或三元运算符执行条件逻辑，与java和c等基本相同

循环语句：使用for和while语句重复执行代码块

函数：使用function关键字定义函数

对象：使用{}表示一个对象，对象包含属性和方法

// 定义变量
var myNum = 10;
var myString = "Hello";


// 执行条件逻辑
if (myNum > 5) {
  console.log("myNum is greater than 5");
} else {
  console.log("myNum is less than or equal to 5");
}


// 循环语句
for (var i = 0; i < 10; i++) {
  console.log(i);
}


// 定义函数
function myFunction(param1, param2) {
  return param1 + param2;
}


// 定义对象
var myObject = {
  property1: "value1",
  method1: function() {
    console.log("Hello from method1");
  }
};

用途

JavaScript可以用于许多用途，包括：

添加交互式效果到网站和应用程序中；验证表单输入；动态更新内容；与服务器进行通信等。

TypeScript

基础知识

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的一个超集，在运行时会转换为JavaScript。它添加了类型注释和类等面向对象编程功能。与JavaScript相比，TypeScript提供更强大的类型检查和代码提示，比JavaScript更符合大部分代码的编写习惯。

语法

TypeScript具有与JavaScript相似的语法，但添加了额外的类型注释和面向对象编程功能。以下是几个基本语法：

类：使用class关键字定义类

接口：使用interface关键字定义接口

泛型：使用<>定义泛型类型，泛型是一种用于创建可重用代码的工具，它允许我们编写可以处理各种类型数据的函数、类和接口。泛型可以帮助我们避免代码重复，并提高代码的可读性、可维护性和可扩展性。

// 定义类
class MyClass {

  private _myProperty: string;

  constructor(prop: string) {
    this._myProperty = prop;
  }

  get myProperty(): string {
    return this._myProperty;
  }

  set myProperty(value: string) {
    this._myProperty = value;
  }
}


// 定义接口
interface MyInterface {
  myMethod(param1: number, param2: string): boolean;
}


// 定义泛型类型
function myFunction<T>(param: T): T {
  return param;
}

用途

TypeScript可以用于许多用途，包括：

编写大型应用程序时提供更好的类型安全和代码提示；简化代码结构和重复性，提高代码可读性和维护性；与JavaScript库和框架进行交互，并使用它们的类型定义；通过编译器插件增强编辑器功能。