从入门到摒弃的java
- 初中时自学过JAVA，学了也许一个多月吧， 学了一个多月，看视频这些，背面摒弃了编程。 依稀记得，那段日子极端苦逼，我想如果当时是学javaScript就好了。
- 说正事，typeScript如今真的很火，听过一句话，大项目，好点的公司，必需上typeScript，另有React，没有为何，这里并不是说其他的手艺不好，只是说大型项目，最好TS，它对于我们后期代码保护，前期的调试能省去许多时候。
- Node.js之疾速搭建微信民众号服务器
- Node.js之疾速搭建服务器+前后端数据库session交互
- ES6教程全篇
- 前端中大厂口试必问 原生javaScript操纵
想进修typeScript，我以为你起首要对原生javaScript异常闇练，最基本的学问最主要，然后要控制ES5+ES6+ES7（7今后的最好晓得一些），新手艺控制了，今后就不会那末累。 typeScript =type+ javaScript ，在ES5/6/7+javaScript基本上加了一个type!
- TS相对JS来讲，它真的异常严厉，只需轻微不婚配接口或许值的范例，又或许是参数的个数不对，值转变后跟原值范例不
一致，都邑致使报错。 发起运用npm 全局装置typeScript 然后运用 tsc *.ts 举行编译TS文件
- ‘typeScript的新增中心观点:’
- let app:string=2;这段代码就会报错，由于值 2 是一个number，而划定app是string范例，如许在TS中会报错的
新增值的范例：
- any:可所以恣意范例
- vold:一个空的返回范例，比方function move():vold{} 如许代表这个函数没有返回值 ，如果换成any，那末就随意这个
函数返回什么范例，然则他必需return 不然TS会报错
新增观点：范例推论
- let app = ‘hello’ ; app=1 ; 这段代码就会报错，由于TS把他当成了 let app:string = ‘hello’,再次转变
app的值，必需是string范例，不然报错 ，这就是范例推论
团结范例
- let app: string | number = ‘hello’ ; app = 1; 这段代码是不会报错的，由于app是一个团结范例的变量，它即可所以
string又可所以number，只需相符个中一个范例即可，固然你也能够写更多个。
接口 interface (前端程序员很难明白的点)
- javaScript也是一门面向对象的言语，然则ES5中它是基于原型完成的，ES6中运用了class类，如许会更清楚的体会到
面向对象这一说法，然则现实在TS中的面向对象越发完全，它跟JAVA这些言语一样，经由过程接口和类去完全的面向对象编程。
- 你能够把对象设想成一个女人 （在TS中笼统成一个变量 let app ）
- 我们运用接口去形貌这个女人 （在TS中运用 let app : interfacename）
- 末了运用一些要领去取得这个女人的联系方式 （在TS中运用class类内里的要领去完成）
比方 ：
class ask{
name:string;
tel ? :number ; //这里为何加问号，由于你不一定能拿到她的号码，如果拿不到，那末便能够不传参数，
然则如果不加? ，你又没那末号码，那末你没有参数传进来，TS就会报错
age:number ;
constructor(name,age,tel){
this.name=name;
this.age=age;
this.tel=tel
}
}
interface check {
name : string;
age:number;
tel ? :number;
}
let woman :check = new ask ('rose',20,1888888888);//假定你拿到玉人一切材料 传入组织函数
如许你能够打印一把 console.log(woman)，看看它是怎样的，上面这段代码是没有报错的。
上面的代码经由过程tsc敕令编译成JS文件后
var ask = /* @class / (function () {
function ask(name, age, tel) {
this.name = name;
this.age = age;
this.tel = tel;
}
return ask;
}());
let woman = new ask(‘rose’, 20, 1888888888);
console.log(woman)
"这里要注意，许多TS的代码编译后，是不会出如今JS文件中，比方const enum的罗列， interface这些，固然背面还会碰到更多"
-------------
### 元组的观点- JS中的数组，能贮存大批的内容，所谓的元祖，实在就是数据范例的差别的数组
- [1,’1′,true,false] 实在这个就是一个元组，只是叫法不一样。
-------
### 罗列 enum 和 const enum的区分- enum app { red, blue, pink, deeppink }
- console.log(app.red, app.blue, app.pink, app.deeppink) // 输出0,1,2,3
- enum app2 { red = 2, blue, pink, deeppink }
- console.log(app2.red, app2.blue, app2.pink, app2.deeppink) // 输出2,3,4,5
- 罗列默许的第一个值是0；也能够本身定义，如果自定义和体系默许的争执，TS是不认识的，
他也不会报错，然则我不发起你如许做，毕竟谁没事找事呢？
### 另有一种常量罗列
const enum Directions {
Up,
Down,
Left,
Right}
let directions = [Directions.Up, Directions.Down, Directions.Left, Directions.Right];
// 结果是 0 1 2 3
* 如果包括了盘算成员，则会在编译阶段报错：
* const enum Color {Red, Green, Blue = "blue".length};
* 常数罗列与一般罗列的区分是，它会在编译阶段被删除，而且不能包括盘算成员。 一试便知 类和接口 （最主要的之一）
* 一个类一次只能够继承一个接口，然则能够一次对应多个接口
* 要想完成多个类继承，那末运用子类继承继承其他类，轮回下去interface check {
name: string;
age: number;
hobby: Array<number>
fuck: number[] //这两种写法是一样的}
class exp implements check {
name: string
age: number
hobby:Array<number>
fuck: number[]
constructor(name, age, hobby, fuck) {
this.name = name;
this.age = age;
this.hobby = hobby;
this.fuck = fuck;
}}
let app = new exp(‘hello’, 18, [1, 2, 3], [2, 3, 4])
-------经由TS编译后获得 var exp = /* @class / (function () {
function exp(name, age, hobby, fuck) {
this.name = name;
this.age = age;
this.hobby = hobby;
this.fuck = fuck;
}
return exp;}());
var app = new exp(‘hello’, 18, [1, 2, 3], [2, 3, 4]);
typeScript能够最难的就是怎样明白文雅的面向对象编程，接口interface只是为了形貌罢了，
真正去完成，须要class类去完成，ES6在typeScript中位置无足轻重，
所以我发起你先去进修原生javaScript+ES6再来进修typeScript，那样会轻松许多，
下面放一个阮一峰的ES6的进修文档链接，内里写得异常细致，一定要仔细看。
[ECMAScript 6 入门](http://es6.ruanyifeng.com/)
