TypeScript

 

1. 什么是 TypeScript

TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript 扩展了 JavaScript 的语法，所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作。

2.常用的数据类型

  1.1  number类型：

let num: number = 123;
num = 100;
num = 100.0001;


let a: number = 6;//10进制
let b: number = 0b1010;//2进制
let c: number = 0xf00d;//16进制
let d: number = 0o744;//8进制

console.log(a,
b,
c,
d)

1.2 string类型:

let ms: string = "123";

let name: string = "花花";
let age: number = 20

ms = `${name}+年龄:${age}`

export {}

1.3 object类型:

const obj={
  name: "小花",
    age: 18
}
console.log(obj.name)

1.4 array的类型：

4.1  every() 遍历数组每一项，若全部为true，则返回true

     function isBigEnough(element, index, array) { 
    return (element >= 10); 
	}         
	
 var passed = [12, 5, 8, 130, 44].every(isBigEnough); 
 console.log("Value : " + passed ); // false

4.2  filter() 检查数组中数值元素，并返回符合条件的所有的元素

function isBigEnough(element, index, array) { 
 	 return (element >= 10); 
	} 
      
var passed = [12, 5, 8, 130, 44].filter(isBigEnough); 
console.log("Value : " + passed ); // 12,130,44

4.3  forEach()用于调用数组的每个元素，并将元素传递给回调函数

var num = [7, 8, 9];
	num.forEach(function (value) {
   console.log(value);  // 7   8   9
	});

4.4  indexOf() 搜索数组中的元素，并返回它在数组中所在位置

var index = [12, 5, 8, 130, 44].indexOf(8); 
console.log("index: " + index );  // 2

4.5  push() 向数组的末尾添加一个或者多个元素，并返回新的长度

var numbers = new Array(1, 4, 9); 
	var length = numbers.push(10); 
	console.log(" numbers : " + numbers );  // 1,4,9,10 
	
	length = numbers.push(20); 
	console.log(" numbers  : " + numbers );  // 1,4,9,10,20

4.6   shift() 删除并返回数组中的第一个元素

var arr = [10, 1, 2, 3].shift(); 
	console.log("Shifted  : " + arr );  // 10

4.7   some() 遍历数组的每一项，若其中一项为 true，则返回true；
与filiter()的区别是：filiter返回的是符合条件的元素，some返回的是true或者false

function isBigEnough(element, index, array) { 
	return (element >= 10);          
	} 
      
	var retval = [2, 5, 8, 1, 4].some(isBigEnough);
	console.log("Returned  : " + retval );  // false
      
	var retval = [12, 5, 8, 1, 4].some(isBigEnough); 
	console.log("Returned : " + retval );  // true

3. 泛型

在开发过程中 一些时候我们声明的函数不仅仅要明确他的数据类型,而且还要考虑这个方法
具有很强的可复用性这时我们可以使用泛型
泛型是指在定义函数/接口/类时不预先指定具体的类型而是在使用的时候再指定类型限制的
一种特性。若指定了返回值为泛型如上述函数，则函数必须返回任意类型即返回值类型不可
以是明确规定的类型
当一个函数的参数使用泛型限制类型时，则在该方法内此参数使用的方法必须是所有类型通用
的方法，否则会报错
函数在定义时若指定返回值不为void或者any则在函数内必须写return

function fan(num) {
    var num = num.length;
    console.log(num);
    return num;
}
fan("1234");
fan([1, 2, 3, 4]);
fan({ a: 1, length: 1 });