ts知识

1、ES5、ES6是脚本语言规范,javascript是基于ES5规范的,typescript是基于ES6规范的。
2、typescript优势
支持ES6规范(指出未来将会成为客户端脚本语言的主流语法)
强大的IDE支持(类型检查、语法提示、重构)
Angular2开发语言
3、多行字符串。
js中换行需要在断行出添加加号,而ts只需要在整个字符串外加(也就是数字1前边哪个按键上的反撇号),直接在里边换行即可;
4、字符串模板。
表达式${ },字符串和表达式混合需要使用反撇号;
5、自动拆分字符串。
6、可选参数function test(a:string,b?:string) ?: 是可选参数,可以不指定,但必须放到必选参数后边;
7、函数新特性
Rest and Spread操作符 (...args)
用来声明任意数量的方法参数
//这里的...args就是Rest and Spread操作符,这里在调用的时候可以带 任意数量的参数
function func1(...args) {
args.forEach(function(arg) {
console.log(arg);
})
}
generator函数 (ES6的特性,可能很多浏览器还不支持)
控制函数执行过程,手工暂停和恢复代码执行
function* doSomething(){ //function* 声明了generator函数
console.log("start");
yield; // 断点
console.log("finish");
}
var func1 = doSomething();
func1.next();
func1.next();

 func1(1, 2, 3);  //输出 1,2,3
 func1(5, 7, 8, 9,10); //输出 5, 7, 8, 9,10

8、析构表达式
function getStock() {
return {
code: "IBM";
price: {
price1: 100;
price2: 200;
}
}
}
var {code, price: {price2}} = getStock(); //这里就是析构表达式,此处的属性名要相同

9、箭头表达式(用来声明匿名函数,消除传统匿名函数的this指针问题)
var sum - arg1 => arg2 + arg3;

10、forEach(), for in 和for of
var myArray = [1,2,3,4];
myArray.desc = "descs"; // 此条在ts中显示编译错误,但转换成js是没有错误的
myArray.forEach(value => console.log(value)); // 1,2,3,4 这里的循环不可以中断

for (var n in myArray) {
console.log(n);
} //返回0,1,2,3,desc 返回的是属性名,数字的属性名是其下标

for (var n of myArray) {
console.log(n); //输出的是1,2,3,4,此循环可以加break;
}

11、面向对象
类 (和java类似)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 最先接触编程的知识是在大学里面,大学里面学了一些基础的知识,c语言,java语言,单片机的汇编语言等;大学毕...
    oceanfive阅读 8,452评论 0 7
  • 用更合理的方式写 JavaScript 目录 声明变量 对象 数组 字符串 函数 箭头函数 模块 迭代器和生成器 ...
    小红依阅读 5,792评论 0 5
  • 慕课网@JoJozhai 老师 TypeScript入门课程分享 TypeScript入门 ES5,ES6,JS,...
    shangpudxd阅读 13,562评论 0 22
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,400评论 2 17
  • 不甘陋室蜗居, 窗外阳台一隅。 种花种菜随意, 春种夏长秋收。 方寸之间四季, 赏月赏花摘菜。 悠哉悠哉!
    无限遐思阅读 1,148评论 0 2

友情链接更多精彩内容