JavaScript+TypeScript

最新推荐文章于 2024-06-03 09:20:03 发布

m0_64400303

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量192

点赞数

文章标签： javascript typescript 前端

本文链接：https://blog.csdn.net/m0_64400303/article/details/125702238

版权

JavaScript总结

5.1、内嵌式：

理论上js可以书写在页面的任意位置。

5.2、外链式：

首先新建一个文件类型为.js的文件，然后在该文件中写js语句，通过script标签对引入到html页面中。

5.3、行内式：

直接书写在标签身上，是一个简写的事件，所以又称之为事件属性。 onclick单击事件

单行注释： // 注释语句快捷键ctrl+/

多行注释： /* 注释语句 */ 快捷键ctrl+shift+/

注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！

数值型：number（凡是数字都是数值型，不区分整数和小数）

字符串：string（凡是引号包裹起来的内容全部都是字符串）

布尔：boolean（true、false）

对象类型：object（特殊取值null）

未定义型：undefined

整数：byte short int long

小数：float double

字符：char

布尔：boolean

字符串：String

8.1、定义：就是存放数据的、内疗可以存储任意数据

8.2、声明变量：var 变量名称 = 存储的数据; (variable 变量)

（弱类型）
例：1.数值型：var i = 1; var d = 2.35;

2.字符串：var str = “用心学习”;

3.布尔型：var b = true;

算术运算符：+ - * / % ++ –
比较运算符：> >= < <= != ==
逻辑运算符：

&& 与 true&&false ====>false
|| 或 true||false ====>true
！非 !true ====>false
false（理解）：false, 0, null, undefined
true（理解）：true, 非0, 非null, 非undefined

三元运算符：条件？表达式1：表达式2
如果条件为true，返回表达式1的结果
如果条件为false，返回表达式2的结果
if语句
switch语句
循环for，while，do-while

自定义函数：
格式：

  function 函数名(形式参数){函数体}

  调用函数：函数名(实际参数);

TypeScript总结

一.原始数据类型

1.布尔值

布尔值是最基础的数据类型，在 TypeScript 中，使用 boolean 定义布尔值类型。在 TypeScript 中，boolean 是 JavaScript 中的基本类型，而 Boolean 是 JavaScript 中的构造函数。

2.数值

使用 number 定义数值类型：

let a: number = 6;

let b: number = NaN;

let c: number = Infinity;

3.字符串

使用 string 定义字符串类型：

let myName: string = ‘tom’;

let myAge: number = 23;

let sentence: string = my name is ${myName}.I${myAge + 1} years. ;

4.空值

JavaScript 没有空值（Void）的概念，在 TypeScript 中，可以用 void表示没有任何返回值的函数：
```
  function alertName(): void {
      alert('My name is Tom');
  }
```

5.Null和Undifined

在 TypeScript 中，可以使用 null 和 undefined 来定义这两个原始数据类型：
```
  let u: undefined = undefined;
  let n: null = null;
```

二.任意值

1.未声明类型的变量

变量如果在声明的时候，未指定其类型，那么它会被识别为任意值类型：
```
  let anything;
      anything = '8';
      anything = 8;
      anything.setName('eight');
```

三.类型推论

1.一种是定义变量且赋值

  let myNum = 8;
      myNum = '8';
  // Type 'string' is not assignable to type 'number'.

2.一种是定义变量且没有赋值

  let myNum;
      myNum = '8';
      myNum = 8;

四.联合类型

1.访问联合类型的属性或方法

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法：
```
  function getLength(something: string | number): number {
      return something.length;
  }
```

五.对象的类型——接口

1.可选属性

有时我们希望不要完全匹配一个形状，那么可以用可选属性：

  interface Person {
      name: string;
      age?: number;
  }

  let tom: Person = {
      name: 'Tom'
  };

  interface Person {
      name: string;
      age?: number;
  }

  let tom: Person = {
      name: 'Tom',
      age: 25
  };

2.任意属性

有时候我们希望一个接口允许有任意的属性，可以使用如下方式：

  interface Person {
      name: string;
      age?: number;
      [propName: string]: any;
  }

  let tom: Person = {
      name: 'Tom',
      gender: 'male'
  };

3.只读属性

有时候我们希望对象中的一些字段只能在创建的时候被赋值，那么可以用 readonly 定义只读属性：
interface Person {
readonly id: number;
name: string;
age?: number;
[propName: string]: any;
}
```
  let tom: Person = {
      id: 89757,
      name: 'Tom',
      gender: 'male'
  };

  tom.id = 9527;
```