Angular开发必备的TypeScript基础

前端之家收集整理的这篇文章主要介绍了Angular开发必备的TypeScript基础前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

/**  *大家好,我是Web卓,很高兴又来分享东西了

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

Angula的开发就是基于Typescript的,那么,想学好Angular,怎么能不懂Typescript呢

*/ let choice:boolean; let num: numberlet str: stringlet flag:any; //任意类型 let arr: any[]//数组类型 let tup: [,boolean]//元组 let z:null|undefined//空类型或者位置类型 enum color{redgreenblue}//枚举 let c:color = color.blue; console.log(c) //返回值为空 function hello(): void{ alert("hello angular"); } //hello(); //变量声明 let isLet:string = "hello"//let声明的变量只在块级作用域内有效,只能在区域内被声明一次 var isVar:number = 10086//可声明多次,但是只得到最后一次的声明的值 const isCon: 3.14//定义常量,数值不可更改 //数组解构 let numArray = [123]let [abc] = numArraylog(ca)//操作展开符... 三个点用于创建可变长的参数列表 let [onetow...more] = [34567]log(more)//对象解构 let person = {name:'马克'age:18}let {nameage} = personlog(age)//函数参数可选? func(x:y?:number): number{ if (y) { return x>y?y:x } else { return x } } console.log(func(10))101))//默认参数放在后面 fun1(x:y:6):void{ console.log(x+y); } fun1(8)//默认参数放在前面,必须用undefined顶替其位置才能调用 fun2(x:number):fun2(undefined //剩余参数,利用...展开符,后面必须为数组 addNum(a:...moreNum:number[]):void{ let result = afor(let i = 0;i < moreNum.length;i++){ result = result+moreNum[i] } console.log(result)addNum(5)//类 class People{ public name:age: constructor( //构造函数 name: age:number ){ this.name = nameage = age } } class Man extends People{ constructor( name:super(nameage) } } let chinese: Man[] = [ new Man('张三'13)'李四'25) ] console.log(chinese[0].name);

猜你在找的Angularjs相关文章