为了账号安全,请及时绑定邮箱和手机立即绑定

TypeScript入门

JoJo 全栈工程师
难度初级
时长 1小时50分
学习人数
综合评分9.57
151人评价 查看评价
9.5 内容实用
9.6 简洁易懂
9.6 逻辑清晰
  • 参数新特性


    1.参数类型



    2.参数默认值


    在方法的参数声明后使用等号来指定参数的默认值,当不赋值时取默认值.


    var count:number = function(x:number,y:number =10,z:number =10){

    return x+y+z;

    }


    console.log(count(20));


    *若方法的参数没有指定默认值并且不是可选参数,那么在调用方法时所有的参数都必传否则将报错.


    *当方法的参数指定了默认值,那么在调用方法时有指定默认值的参数可以不传(带默认值的参数要放在最后面定义)



    3.可选参数


    在方法的参数声明后使用问号来声明参数为可选参数.


    var count:number = function(x:number,y?:number,z:number=10){

    return x+z;

    }


    console.log(count(20));


    *当方法的参数为可选参数,那么在调用方法时此参数可以不传(可选参数要放在最后面定义,当不传时值为undefined).


    *需要处理当可选参数不传时的情况.


    查看全部
  • 类型新特性



    TypeScript中六种类型


    string:字符串类型


    any:支持任意类型


    number:数值类型


    boolean:布尔类型


    Array:数组类型(支持泛型)


    void:表示方法无返回值,仅用在方法的声明中.



    1.在变量名称后面可以使用冒号来指定变量的类型.


    var name :string = "zhuanght";


    2.方法参数后使用冒号指定参数的类型


    function person(name:string){

    return name;

    }


    3.定义方法时在方法名后使用冒号指定方法的返回值类型


    function person(name:string):string{

    return name;

    }


    var person = function(name:string):string{

    return name;

    }



    *只能使用指定类型的值为变量赋值.


    *TypeScript中有类型推算,当变量没有指定类型时会根据变量的赋值来推算变量的类型.





    类类型


    使用class关键字定义类,类中可以有属性、构造函数.


    class Person{

    name:string;

    age:number;

    }


    var zhuanght:Person = new Person();


    *创建类后使用new关键字创建对象.


    查看全部
  • 学完就可以学习angular6了

    查看全部
    2 采集 收起 来源:TypeScript-总结

    2018-08-22

  • TypeScript编辑器


    作用:将TypeScript代码编译成Javascript代码


    *由于ES6规范是2015年发布的,因此很多浏览器器并不能进行识别,因此所有遵循ES6语法的客户端脚本语言其编写的代码都需要转换成ES5规范的Javascript代码.


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


    本地compiler编译器:


    1.npm工具(Node.js自带的命令行工具,因此需要下载node.js)


    安装后使用npm install -g typescript命令安装typescript编译器


    安装后编译器路径:C:\Users\ZHUANGHAOTANG\AppData\Roaming\npm\node_modules\typescript\bin\tsc


    *会自动配置好npm、tsc的环境变量



    编写ts文件


    export class HelloWorld{

    private name : string;


        constructor(){

            this.name = "hi~";

        }


    }


    使用tsc命令对ts文件进行编译,编辑后生成js文件.



    2.使用webstorm ide自带TypeScript插件


    在webstrom中编写的ts文件都自动会编译成js文件.


    查看全部
  • TypeScript


    微软开发的编程语言


    是JavaScript脚本语言的超集


    遵循ES6脚本语言规范.


    增加了类型约束和基于类的面向对象编程的设计.


    是Angular的开发语言


    查看全部
  • 类型定义文件 .d.ts  把文件放在相应文件目录下就能识别不能识别的字符

    查看全部
  • 模块  暴露export

    引入入import

    查看全部
    0 采集 收起 来源:TypeScript-模块

    2018-08-22

  • 声明接口interface  

    查看全部
    0 采集 收起 来源:TypeScript-接口

    2018-08-22

  • 泛型 用尖括号  指定一个数组只能放某个类型的元素

    查看全部
    0 采集 收起 来源:TypeScript-泛型

    2018-08-22

  • 类的定义  类的声明  类的构造函数  类的继承extends  super调用父类的

    查看全部
    0 采集 收起 来源:TypeScript-类

    2018-08-22

  • TS里面的 for  of  使用

    查看全部
  • 析构表达式  简洁

    查看全部
  • generator函数    控制函数的执行过程,手工暂停和恢复代码执行

    查看全部
  • 可选参数加 【?】在后

    查看全部
  • 声明类型,string  any  number  boolean;

    自定义类型

    查看全部

举报

0/150
提交
取消
课程须知
1、对javascript的基础知识已经掌握。
老师告诉你能学到什么?
1、TypeScript语言中的字符串新特性 2、TypeScript语言中的变量和参数新特性 3、TypeScript语言中的函数新特性 4、TypeScript语言中的匿名函数 5、TypeScript语言中的for of循环 6、TypeScript语言中的面向对象特性

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!