TypeScript01 编译环境的搭建、字符串特性、类型特性

1 var myName : string = "AJS";
2 var myAge: number = 18; 
3 
4 console.log(`Hello, ${myName}. Your age is ${myAge}`);

 1 var myName : string = "AJS";
 2 var myAge: number = 18; 
 3 
 4 var str: string = `
 5     <div>
 6         <span>${myName}</span>
 7         <span>${myAge}</span>
 8     </div>
 9 `;
10 
11 console.log(str);

1 var myName = "AJS";
2 var myAge = 18;
3 var str = "\n    <div>\n        <span>" + myName + "</span>\n        <span>" + myAge + "</span>\n    </div>\n";
4 console.log(str);

 1 var myName : string = "AJS";
 2 
 3 function test(template, name, age) { 
 4     console.log(template);
 5     console.log(name);
 6     console.log(age);
 7 }
 8 function getAge() { 
 9     return 18;
10 }
11 
12 // 利用字符串表达式调用test方法
13 // 注意：会将整个字符串模板作为一个变量传给test方法的第一个参数，将字符串模板中的第n个表达式传给test方法的第 n+1 个参数
14 test`Hello, my name is ${myName}. My age is ${getAge()}`;

 1 var myName = "AJS";
 2 function test(template, name, age) { 
 3     console.log(template);
 4     console.log(name);
 5     console.log(age);
 6 }
 7 function getAge() {
 8     return 18;
 9 }
10 // 利用字符串表达式调用test方法
11 (_a = ["Hello, my name is ", ". My age is ", ""], _a.raw = ["Hello, my name is ", ". My age is ", ""], test(_a, myName, getAge()));
12 var _a;

 1 // 定义一个名为str的变量，变量类型为string类型，而且赋值为AJS
 2 var str: string = "AJS";  
 3 console.log(str);
 4 
 5 // 修改变量的值
 6 str = ‘Hello World.‘
 7 console.log(str);
 8 
 9 // 修改变量的值时，如果类型不匹配就会报错;但是编译成的JS文件不会报错，而且还能正常运行，因为JS不会进行类型检查
10 str = 1234;
11 console.log(str);

// 定义一个名为str的变量，变量类型为string类型，而且赋值为AJS
var str = "AJS";
console.log(str);
// 修改变量的值
str = ‘Hello World.‘;
console.log(str);
// 修改变量的值时，如果类型不匹配就会报错;但是编译成的JS文件不会报错，而且还能正常运行，因为JS不会进行类型检查
str = 1234;
console.log(str);

1 // 定义一个名为v01的变量，但是没有指定变量的类型；这种情况就会根据首次给变量赋值时来指定该变量的类型
2 var v01 = "AJS";
3 console.log(v01);
4 
5 // 因为首次给变量v01赋值了一个字符串，所以v01变量的类型就是字符串类型啦
6 v01 = 123;
7 console.log(v01);

1 // 定义一个名为v01的变量，但是没有指定变量的类型；这种情况就会根据首次给变量赋值时来指定该变量的类型
2 var v01 = "AJS";
3 console.log(v01);
4 // 因为首次给变量v01赋值了一个字符串，所以v01变量的类型就是字符串类型啦
5 v01 = 123;
6 console.log(v01);

1 // 定义一个名为v01的变量，并指定变量类型为任意类型
2 var v01 : any = "AJS";
3 console.log(v01);
4 
5 // 因为变量的类型为任意类型，所以可以赋任意类型的值
6 v01 = 123;
7 console.log(v01);

1 // 定义一个名为v01的变量，并指定变量类型为任意类型
2 var v01 = "AJS";
3 console.log(v01);
4 // 因为变量的类型为任意类型，所以可以赋任意类型的值
5 v01 = 123;
6 console.log(v01);

1 // 定义一个名为test的方法，方法的返回值类型为string类型，返回值必须是string类型的值否则会报错
2 function test(): string { 
3     console.log("设置test方法的返回值类型为字符串类型。");
4     return "warrior";
5 }

 1 // 定义一个名为test的方法，方法的返回值类型为string类型;参数类型为string类型
 2 function test(name : string) { 
 3     console.log("设置test方法的返回值类型为字符串类型。");
 4     console.log("hello, " + name);
 5     return "warrior";
 6 }
 7 
 8 // 调用方法时参数类型必须匹配，否则会报错
 9 var result = test("Fury");
10 console.log(result);

1 // 定义一个名为test的方法，方法的返回值类型为string类型;参数类型为string类型
2 function test(name) {
3     console.log("设置test方法的返回值类型为字符串类型。");
4     console.log("hello, " + name);
5     return "warrior";
6 }
7 // 调用方法时参数类型必须匹配，否则会报错
8 var result = test("Fury");
9 console.log(result);

 1 // 自定类型：就是定义一个类（和Java一样）
 2 class Person { 
 3     name: string;
 4     age: number;
 5 }
 6 
 7 // 定义一个变量p01，变量类型为Persone类型
 8 var p01 = new Person();
 9 p01.name = "Fury";
10 p01.age = 18;
11 console.log(p01);

 1 // 自定类型：就是定义一个类（和Java一样）
 2 var Person = (function () {
 3     function Person() {
 4     }
 5     return Person;
 6 }());
 7 // 定义一个变量p01，变量类型为Persone类型
 8 var p01 = new Person();
 9 p01.name = "Fury";
10 p01.age = 18;
11 console.log(p01);