es6---箭头函数

箭头函数是es6一种新的函数编写方式，它可以大大简化原有的函数写法

//ES5写法
function (x){
   return x*x;
};

//ES6写法
x => x*x;

箭头函数与匿名函数类似，上面的写法只是最简单的写法，它可以有多条语句和多个参数

//多个参数
var f = （x,y）=>x,y;//有参数，当参数大于一个是，需要用括号将它们括起来

//多条语句
var f1= (x,y)=>{
   if(x>y){
   return x;
    }else{
   return y;
   };  
};

j箭头函数的返回值是多样的，但是，当我们返回的是一个对象是，不能直接返回，需要在对象外包含一个{}如：(person) =>({id:id,name:name});

箭头函数最需要注意的一点就是this的作用域，他与普通函数的this指向不同，普通函数的this指向的是定义时的对象this,而箭头函数是在生效时的this

//箭头函数的this指向
		function foo(){
			setTimeout(()=>{
				console.log("id:",this.id);
			},100);
		};
		var id = 21;
		console.log(id);
		foo.call({id:22});//22

		function Timer(){
			this.s1=0;
			this.s2 =0;
			setInterval(()=> this.s1++,1000);//定时器

			setInterval(function(){
			this.s2++;//这里的this.s2为什么是NaN?
			// console.log(this.s2);
			// console.log(this.s2++);
			},1000);
		};

		var timer  = new Timer();

		setTimeout(() => console.log("s1:",timer.s1),3100);//延时器
		setTimeout(() => console.log("s2:",timer.s2),3100);
		setTimeout(function(){
			console.log(timer.s2);
		},3100)

 

转载于:https://my.oschina.net/u/3470995/blog/1543746