JS 三元表达式和箭头函数

三元表达式

vue.js中三元运算符的表达式：

        (expression1)  ?  (expression2)  :  (expression3)

　　　　　　在  expression1  求值为  true  时的值为  expression2  ，在expression1  求值是  false  时的值为  expression3  。

例如：使用 if else       

if(a=1) {
  b=a;
} else {
  c=a;           
}

那么，使用三元表达式是：

 

a=1 ? b=a : c=a

---

箭头函数

ES6 标准新增的函数

更简短的函数并且不绑定this

x => {
  if(x>0) {
    return x*x;
   } else {
    return -x*x;
  }
}

  如果只包含一个表达式，则不需要括号（）和 return

x => x*x

相当于

function(x){
  return x*x;
}

 

多条语句时，则不能省略 括号（）和 return

（x，y） => x+y

 

 

如果要返回一个对象，就要注意:

x => ({ foo:x })

不能写为： x => { foo:x }

 

Note: 

• 由于箭头函数没有自己的this指针，通过call()、apply()方法调用时，第一个参数会被忽略。
• 箭头函数不能用作构造器，和 new一起用会抛出错误
• 箭头函数不能用作生成器。yield 关键字通常不能在箭头函数中使用