2018年6月8日 TypeScript 培训

初始Typescript

## TypeScript 的培训课程的介绍

    react与typeScript环境搭建TypeScript的基本语法介绍

## TypeScript 的介绍

    TypeScript 扩展了JavaScript语法,任何已经存在的JavaScript程序,可以不加任何改动,在TypeScript环境下运行。TypeScript只是向JavaScript添加了一些新的遵循ES6规范的语法,以及基于类的面向对象编程的这种特性。

微软开发的一门编程语言

JavaScript的超集

遵循最新的ES6规范

## TypeScript 的优势

1.支持ES6规范

2.强大的IDE(Integrated Development Environment 集成开发环境)的支持

(1)类型检查   指出类型错误

(2)语法提示   根据上下文,提示代码

(3)重构   对变量等等进行修改时,会对其它地方的相同变量等进行相应修改

3. Angular2的开发语言

## 基于react 搭建TypeScript开发环境配置

  1.在线编译  http://www.typescriptlang.org/play/index.html

    

  2.本地环境配置:     

            (1)执行命令:npm install -g create-react-app 

                                        create-react-app my-app --scripts-version=react-scripts-ts

            (2)dva+react +antd

            (3)https://www.runoob.com/w3cnote/getting-started-with-typescript.html

 3.ts.config.js配置文件地址中文翻译:

    官方英文版:http://json.schemastore.org/tsconfig

    https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Compiler%20Options.html    

## 基础类型申明

  1.几种基本类型

            boolean  number string(包括模版字符串) Array[] (Array<元素类型>  ,元组 Tuple )  enum  

            Any (任何类型) Void (无返回值)  Null 和 Undefined  Never 类型断言

  2.字符串的新特性

          2-1 字符串模板 

          2-2  自动拆分字符串

  3.参数新特性:

 (1)定义:在参数名称后面添加参数类型  例如:var myname: string = 'yangfan';

 (2)变量推断机制: 当声明变量时,没有添加变量类型。当重新赋值时,会默认其对象类型为第一次赋值的类型;

 (3)函数的参数类型;function test(name: string): string

 (4)参数默认值:function test(a: string, b: number, c: Boolean = false)

 (5)可选参数:function test(a: string, b?: number, c: Boolean = false) 

## 接口

以下是接口的几种常见形式:

// 定义具有 color 和 width 属性的对象

interface SuperConfug {

  color: string;

  width: number;

}

// readonly 表示只读,不能对其属性进行重新赋值

interface Point {

  readonly x: number;

  readonly y: number;

}

// ?表示属性是可选的,

// [propName: string]: any 表示允许 obj[xxx] 这样的动态属性

interface SquareConfig {

  color?: string;

  width?: number;

  [propName: string]: any;

}

// 函数接口

interface SearchFunc {

  (source: string, subString: string): boolean;

}

##类

    定义:类是对现实生活中一类具有共同特征的事物的抽象

    1.public

    2.private

    3.protected

    4.继承 (派生类)

## 泛型

    没什么特别的 其实就是可以看成一个数组 然后里面指定了数据类型;




    

    



        

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容

  • TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Micr...
    Gukson666阅读 8,678评论 3 29
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,149评论 0 13
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,386评论 8 265
  • 我想在沸腾的火里种下一颗柔软的冰 用我即将零度的体温去围绕他 护他不被别人快乐的烈焰融化 护他不被别人追求的尘灰沾...
    塞纳留斯阅读 363评论 0 1
  • 喜欢这个黑夜 因为有你的梦 梦里的一切,那么美好 是你绵长的唠叨 是你柔美的细语 靠在你的怀里 我笑着说,这是最温...
    夏默沫阅读 260评论 0 3