郑柏铃 1 周之前
當前提交
a70b0e0a43
共有 6 個文件被更改,包括 85 次插入0 次删除
  1. 二進制
      ts/.DS_Store
  2. 21 0
      ts/1.初始/1.js
  3. 26 0
      ts/1.初始/1.ts
  4. 11 0
      ts/1.初始/2.js
  5. 16 0
      ts/1.初始/2.ts
  6. 11 0
      ts/1.初始/index.html

二進制
ts/.DS_Store


+ 21 - 0
ts/1.初始/1.js

@@ -0,0 +1,21 @@
+"use strict";
+// ts => typeScript 类型 决定 数据 强语言类型
+// js => javaScript 数据 决定 类型 弱语言类型
+Object.defineProperty(exports, "__esModule", { value: true });
+// 1.全局安装ts: npm install xxxx
+//(sudo) npm install typescript -g/(--global )
+// 2.检查ts是否安装成功 tsc -v 出现版本号 代表安装成功
+// node -v / vue -v
+// 3.创建ts文件 名字(英文/数字).ts
+// 4.编译ts文件:tsc ts文件名称 就会自动生成js文件
+// var a = 1;
+// var a:number;
+// a = '12';
+// ts声明时候 如果不赋予类型 直接赋值
+//  会自动的给变量进行类型赋值
+// 赋值后不允许 修改类型
+var a = 51;
+// a = '12';
+console.log(a);
+var b = 12;
+console.log(b);

+ 26 - 0
ts/1.初始/1.ts

@@ -0,0 +1,26 @@
+// ts => typeScript 类型 决定 数据 强语言类型 
+// ts 是js一个超集
+// js => javaScript 数据 决定 类型 弱语言类型
+
+// 1.全局安装ts: npm install xxxx
+//(sudo) npm install typescript -g/(--global )
+// 2.检查ts是否安装成功 tsc -v 出现版本号 代表安装成功
+// node -v / vue -v
+// 3.创建ts文件 名字(英文/数字).ts
+// 4.编译ts文件:tsc ts文件名称 就会自动生成js文件
+// 5.js校验:html页面的引入 / node js文件名称
+// var a = 1;
+// var a:number;
+// a = '12';
+
+// ts声明时候 如果不赋予类型 直接赋值
+//  会自动的给变量进行类型赋值
+// 赋值后不允许 修改类型
+let a = 51;
+// a = '12';
+console.log(a);
+let b = 12;
+// b = '12';
+console.log(b);
+// 抛出 => 自动生成严格模式  
+export {};

+ 11 - 0
ts/1.初始/2.js

@@ -0,0 +1,11 @@
+var a = true;
+//let 变量名:类型 = 赋值;
+// let a 不能重复声明
+a = false;
+var b; // 当直接声明变量名时候 此时类型相当于 any (任意类型)
+b = 12;
+b = '12';
+b = false;
+var c = 1;
+c = '12';
+console.log(c);

+ 16 - 0
ts/1.初始/2.ts

@@ -0,0 +1,16 @@
+let a:boolean = true;
+//格式:  let 变量名:类型 = 赋值;
+// let a 不能重复声明
+a = false;
+
+let b; // 当直接声明变量名时候 此时类型相当于 隐式any (任意类型)
+b =12;
+b = '12';
+b = false;
+
+
+let c = 1;
+c = '12'; // 当声明类型后 再次赋值其他类型  会产生报错 仍会成功编译
+console.log(c);
+
+export {};

+ 11 - 0
ts/1.初始/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 type="module" src="./1.ts"></script>
+</body>
+</html>