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

TypeScript入门

JoJo 全栈工程师
难度初级
时长 1小时50分
学习人数
综合评分9.57
151人评价 查看评价
9.5 内容实用
9.6 简洁易懂
9.6 逻辑清晰
  • 析构 数组
    查看全部
  • 析构表达式
    查看全部
  • import 控制模块导入 export 控制模块导出
    查看全部
    0 采集 收起 来源:TypeScript-模块

    2017-04-17

  • 接口:用来建立某种代码约定,使得其他开发者在调用某个方法或创建新的类时必须遵循接口所定义的代码约定 声明接口 interface eg:interface Iperson{name:string} 用法一:作为一个参数的类型声明 用法二:在接口里声明一个方法,每个实现这个接口的类必须实现这个方法 eg interface Animal{ eat() } class Sheep implements Animal { eat(){} }
    查看全部
    0 采集 收起 来源:TypeScript-接口

    2017-04-17

  • 泛型:参数化的类型,一般用来限制集合的内容 eg:var workers:Array<Person> = []; 声明workers类型为数组且泛型为Person,表明workers里面只能放Person类型的数据
    查看全部
    0 采集 收起 来源:TypeScript-泛型

    2018-03-22

  • 类: 访问控制符 public(默认为public):可以在类的外部被引用 private:私有的,只能在类的内部被引用 protected:受保护的,不能在类的外部被引用 构造函数:类被实例化的时候被调用,且只被调用一次 constructor(){} 类的继承 关键字:extends 继承 eg:class employee extends person{} 关键字:super 用法一:调父类的构造函数,子类的构造函数必须通过super来调用父类的构造函数 用法二:调父类的其他方法
    查看全部
    0 采集 收起 来源:TypeScript-类

    2017-04-17

  • 箭头表达式:用来声明匿名函数,消除传统匿名函数的this指针问题 eg:var sum=(a rg1,arg2) =>arg1+arg2; eg:function getStock(name:string){ this.name=name; setInterval(()=>{ console.log("name is"+this.name) },1000) } var stock = getStock("IBM");
    查看全部
  • destructuring析构表达式:通过表达式将对象或数组拆解成任意数量的变量 从对象中拆解变量 eg:function getStock(){ return { code:"IBM", price:{ price1:200, price2:400 } aaa:"xixi" } }; var {code:myCode,price:{price2}}=getStock(); 从数组中拆解变量 var myArry=[1,2,3,4,5,6,7,8] var [number1,,number3,...others]=myArry
    查看全部
  • generator函数:控制函数的执行过程,手动暂停和恢复代码执行(ES6规范,ts暂不支持) 关键字yield,并在函数声明时在函数名前面使用"*",其效果相当于给函数打断点,在函数调用时通过声明成一个变量,使用next();掉用一次,执行到一个yield eg:function* dosomething(){ console.log("start"); yield; consle.log("finish"); }; var fn=dosomething(); fn.next();
    查看全部
  • Rest and Spread 操作符:用来声明任意数量的函数参数(...) eg:functing fn1(...args){ args.forEach(function(arg){ console.log(arg) }) } ES6新语法:把任意长度的数组转化成固定长度的参数的调用(ts暂不支持) var function fn2(a,b,c){} var arr1=[1,2]; var arr2=[3,4,5,6,7]; fn2(...arr1); fn2(...arr2);
    查看全部
  • 可选参数:在函数的参数声明的后面用问号来标明此参数为可选参数(注意可选参数没传时的情况,且可选参数必须声明在必选参数后面) eg:function(a:string,b?:string,c:string="jojo"){ console.log(a); console.log(b); console.log(c); }
    查看全部
  • 默认参数:在参数声明后面用等号来指定参数的默认值(带默认值的参数在函数声明的时候需要放在最后面) eg:function test(a:string,b:string,c:string="jojo"){ console.log(a); console.log(b); console.log(c); }
    查看全部
  • 参数类型:在参数后面用“:”指定类型,减少在开发过程中的错误 eg: var myname:string="zhai liang"; 若变量在第一次声明的时候没有指定类型,会自动检测; 声明任意类型变量:var alias:any viod:声明函数不需要返回值 eg:function test(name:string):viod{}
    查看全部
  • 自动拆分字符串:自动拆分字符串中的变量,方法 eg: function test(template,name,age){ console.log(template); console.log(name); console.log(age); } var myname="zhai liang"; var getage=function(){ retrun 18; } test`hell my name is ${myname},im ${getage()}`
    查看全部
  • 字符串模板:在模板中引用变量${变量名},方法${事件名} eg:`<div> <span>${myname}</span> <span>${goHome()}</span> </div>`
    查看全部

举报

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

微信扫码,参与3人拼团

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

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