e 4 mesi fa
parent
commit
8c48f0b1b1
3 ha cambiato i file con 126 aggiunte e 0 eliminazioni
  1. 49 0
      14.ts/2.类型/1.js
  2. 66 0
      14.ts/2.类型/1.ts
  3. 11 0
      14.ts/2.类型/index.html

+ 49 - 0
14.ts/2.类型/1.js

@@ -0,0 +1,49 @@
+// 字面量
+// 1 2 44 'hjdf' 'kkk' true
+// 变量
+var a = "10";
+// 字面量
+var b;
+// 字面量的运用
+// 逻辑运算符:&& || !
+var c;
+c = 0;
+c = 1;
+c = 2;
+// 类型:number boolean string undefined null
+// 任意类型 any 显性写法
+// let d:any = true;
+// any 隐性写法
+// 如果给变量定义类型是any 相当于关闭了ts的校验
+var d;
+d = 0;
+d = "hello";
+// unknown 未知类型 显性写法
+var e;
+e = 98;
+e = true;
+e = "99";
+e = d;
+d = e;
+/**
+ * unknown 与 any
+ * any 可以给任意类型进行赋值
+ * unknown 不可以给任意类型进行赋值 但是可以给any进行赋值
+ */
+var f;
+f = "20";
+// d = f;
+// e = f;
+if (typeof f === "string") {
+    f = d;
+    console.log("走进来");
+}
+// 类型断言 告知浏览器究竟是什么类型
+f = d;
+f = d;
+// void
+function fn1() {
+    return "你好";
+}
+console.log(fn1());
+// export {};

+ 66 - 0
14.ts/2.类型/1.ts

@@ -0,0 +1,66 @@
+// 字面量
+// 1 2 44 'hjdf' 'kkk' true
+// 变量
+let a = "10";
+// 字面量
+let b: 12;
+
+// 字面量的运用
+// 逻辑运算符:&& || !
+
+let c: 0 | 1 | 2;
+c = 0;
+c = 1;
+c = 2;
+
+// 类型:number boolean string undefined null
+
+// 任意类型 any 显性写法
+// let d:any = true;
+// any 隐性写法
+// 如果给变量定义类型是any 相当于关闭了ts的校验
+let d;
+d = 0;
+d = "hello";
+
+// unknown 未知类型 显性写法
+let e: unknown;
+e = 98;
+e = true;
+e = "99";
+ e = d;
+ d = e;
+/**
+ * unknown 与 any
+ * any 可以给任意类型进行赋值
+ * unknown 不可以给任意类型进行赋值 但是可以给any进行赋值
+ */
+let f: string;
+f = "20";
+// d = f;
+// e = f;
+if (typeof f === "string") {
+  f = d;
+  console.log("走进来");
+}
+
+// 类型断言 告知浏览器究竟是什么类型
+f = <string>d;
+f = d as string;
+
+// void 用来表示空的类型
+function fn1():void {
+    // return "你好"
+    console.log("新")
+}
+fn1();
+// console.log(fn1())
+
+// never 用来表示永远不返回的类型 不允许反出结果
+function fn2():never {
+    // 11
+    throw new Error("我是error")
+}
+fn2()
+
+export {};

+ 11 - 0
14.ts/2.类型/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="./1.js"></script>
+</body>
+</html>