ES6中箭头函数加不加大括号的区别

	虽然经常使用箭头函数，但是没有对其进行深度的探究，然而最近在学
	React的相关知识的时候，发现里面用到了许多箭头函数的写法。

---

	let res1= (r1,r2) => r1+r2;
    let res2= (r1,r2) => {r1+r2};
    let res3= (r1,r2) => {return (r1+r2)};

    let r1 = res1(1,2);
    console.log(r1)
    let r2 = res2(1,2);
    console.log(r2)
    let r3 = res3(1,2); 
    console.log(r3)

后台打印结果显示，r1和r3能有结果显示，但是r2却出现了undefined;

箭头函数后面没有加大括号并且只有一行代码返回，是会默认return的；
而箭头函数后面加了大括号，则不会默认return

返回对象时（注意）

如果要返回一个对象，就要注意，如果是单表达式，这么写的话会报错：

// SyntaxError:
x => { foo: x }

因为和函数体的{ … }有语法冲突，所以要改为：

// ok:
x => ({ foo: x })

详细介绍可以参考廖雪峰老师对于箭头函数的介绍