TypeScript
雷司仁
不定期学习,不定期温故,不定期写笔记。
展开
-
小窥TypeScript:字符串新特性
1)多行字符串原js代码:var str1 = "aaaa\nbbbbbb\ncccc\n";var str2 = "aaaa\n" + "bbbbbb\n" + "cccc\n";用ts代码来写:var str1 = `aaaabbbbbbcccc`这个符号是键盘上1左边的那个键。2)字符串模板原js代码:...原创 2019-03-05 09:58:38 · 275 阅读 · 0 评论 -
小窥TypeScript:参数新特性
1、参数数据类型:在参数名称后面使用冒号:来指定参数的类型var str1: string = "hahahaha";如果将该变量赋上一个数字的值,编辑器会报错。str1 = 13;还有各种定义的方法:var str1: string = "hahahaha";//字符串类型var int1: number = 99;//数字类型var bool1: bool...原创 2019-03-05 10:42:39 · 225 阅读 · 0 评论 -
小窥TypeScript:函数新特性
1、Rest and Spread操作符...用来申明任意数量的参数。function func1(...args) { args.forEach(function (arg) { console.log(arg); })}func1(1, 2, 3, 4);func1(5, 6, 7);也可以反过来使用:function func1(a,...原创 2019-03-05 11:39:32 · 238 阅读 · 0 评论 -
小窥TypeScript: =>表达式
在TypeScript中添加了箭头表达式,和java的lambda很相似。var sum = () => (1 + 5);var sum = (arg1, arg2) => (arg1 + arg2);var func1 = arg => { console.log(arg); }以上代码相当于js的:var sum = function () { retur...原创 2019-03-05 20:09:21 · 567 阅读 · 1 评论 -
小窥TypeScript: for of 循环
首先来看看老的js用forEach()写一段代码:var arr1 = [1, 2, 3, 4, 5];arr1.id = "5 number";arr1.forEach(function (value) { return console.log(value); });用ts来简化一下:var arr1 = [1, 2, 3, 4, 5];arr1.id = "5 numbe...原创 2019-03-05 20:36:49 · 2117 阅读 · 0 评论 -
小窥TypeScript: 面向对象的新特性
1、类class是typescript的核心,使用typescript开发时,大部分代码都是写在类里的。声明一个类,可以有属性,也可以有方法:class Person1 { name:string; getName() { console.log(this.name); }}创建这个类,赋予属性变量数据,并调用:var p1 = new...原创 2019-03-06 17:20:35 · 163 阅读 · 0 评论