TypeScript入门知识三(表达式和循环)
2017-09-15 21:10
225 查看
一,箭头表达式
用来声明匿名函数,消除传统匿名函数的this指针问题
//单行的话可以省略{},多行的不能省。
var sum = (arg1,arg2)=> arg1+arg2;
//定义一个午餐函数
var doSomething = () =>{
console.log("hahahha");
}
//返回偶数
var array = [1,2,3,4]
console.log(array.filter(value => value % 2 == 0));
//,消除传统匿名函数的this指针问题
JavaScript函数
function getStock(name: string) {
this.name = name;
setInterval(function () {
console.log("name is "+this.name);
},2000);
}
var stock =new getStock("IBM");
输出结果:
name is
//改用TypeScript
function getStock(name: string) {
this.name = name;
setInterval(()=>{
console.log("name is " +this.name);
},1000);
}
var stock =new getStock("IBM");
输出结果:
name is IBM
二,循环forEach(),for in 和for of
1.forEach(),只会打印集合中的值,不会打印数组的属性值。不能用break,跳出这个循环。
var myArray = [1, 2, 3];
myArray.dsc = "hahahhahha";//TypeScript不支持这种写法
myArray.forEach(value => console.log(value));
输出结果:
1
2
3
2.for in ,原理是循环键值对。
var myArray = [1, 2, 3];
myArray.dsc = "hahahhahha";//TypeScript不支持这种写法
for (var n in myArray) {
console.log(n);
}
输出结果:
0
1
2
dsc
如果你想打印对应的值,可以这样写
var myArray = [1, 2, 3];
myArray.dsc = "数组描述";//TypeScript不支持这种写法
for (var n in myArray) {
console.log(myArray
);
}
输出结果:
1
2
3
数组描述
3.for of跟forEach()区别在于可以break,跳出这个循环。循环的是值而不是键。
var myArray = [1, 2, 3];
for (var n of myArray) {
console.log(n);
}
输出结果:
1
2
3
用来声明匿名函数,消除传统匿名函数的this指针问题
//单行的话可以省略{},多行的不能省。
var sum = (arg1,arg2)=> arg1+arg2;
//定义一个午餐函数
var doSomething = () =>{
console.log("hahahha");
}
//返回偶数
var array = [1,2,3,4]
console.log(array.filter(value => value % 2 == 0));
//,消除传统匿名函数的this指针问题
JavaScript函数
function getStock(name: string) {
this.name = name;
setInterval(function () {
console.log("name is "+this.name);
},2000);
}
var stock =new getStock("IBM");
输出结果:
name is
//改用TypeScript
function getStock(name: string) {
this.name = name;
setInterval(()=>{
console.log("name is " +this.name);
},1000);
}
var stock =new getStock("IBM");
输出结果:
name is IBM
二,循环forEach(),for in 和for of
1.forEach(),只会打印集合中的值,不会打印数组的属性值。不能用break,跳出这个循环。
var myArray = [1, 2, 3];
myArray.dsc = "hahahhahha";//TypeScript不支持这种写法
myArray.forEach(value => console.log(value));
输出结果:
1
2
3
2.for in ,原理是循环键值对。
var myArray = [1, 2, 3];
myArray.dsc = "hahahhahha";//TypeScript不支持这种写法
for (var n in myArray) {
console.log(n);
}
输出结果:
0
1
2
dsc
如果你想打印对应的值,可以这样写
var myArray = [1, 2, 3];
myArray.dsc = "数组描述";//TypeScript不支持这种写法
for (var n in myArray) {
console.log(myArray
);
}
输出结果:
1
2
3
数组描述
3.for of跟forEach()区别在于可以break,跳出这个循环。循环的是值而不是键。
var myArray = [1, 2, 3];
for (var n of myArray) {
console.log(n);
}
输出结果:
1
2
3
相关文章推荐
- TypeScript入门知识三(表达式和循环)
- C++ 数据类型、运算符、和表达式 入门基础知识和概念(二)
- TypeScript入门知识三(面向对象特性)
- 正则表达式入门基础知识
- Java正则表达式基础入门知识
- Python零基础入门二十四之正则表达式知识补充
- java入门基础知识:运算符和循环语句,判断语句的区别
- TypeScript入门知识一(字符串特性)
- TypeScript入门-8.析构表达式
- Ruby on Rails 入门之:(7) Ruby中表达式、循环、遍历
- 正则表达式基础知识入门介绍
- 正则表达式基本入门必备知识
- Typescript(3) 表达式和循环
- Shell编程入门进阶之Grep命令及正则表达式知识梳理
- TypeScript入门-9.函数箭头表达式
- scala入门-03基础知识->表达式
- scala入门-03基础知识->表达式
- python爬虫入门(1) 基础知识 ; 正则表达式 Re 模块
- FreeMarker基础入门知识2 -表达式
- javascript正则表达式基础知识入门