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 关键字通常不能在箭头函数中使用

JS 三元表达式和箭头函数相关推荐

java前端有三元表达_放心写 JS 三元表达式
本文鼓吹各位前端在写 JS 的时候放心大胆写三目表达式, 不要人云亦云说「不建议使用三元表达式」.欢迎交流不同意见. 三元表达式是啥? 三元表达式怎么用? 1. 赋值: const foo = c ...
JS ES6中的箭头函数（Arrow Functions）使用
转载这篇ES6的箭头函数方便自己查阅. ES6可以使用"箭头"(=>)定义函数,注意是函数,不要使用这种方式定义类(构造器). 一.语法基础语法 (参数1, 参数2, -, ...
python入门day16——函数的递归调用、二分法、三元表达式、匿名函数
文章目录函数的递归调用递归调用应该分为两个阶段二分法三元表达式匿名函数函数的递归调用函数的递归调用:就是在调用一个函数的过程中又直接或间接地调用自己示例1:直接调用自己 def foo ...
29.递归三元表达式生成式匿名函数
文章目录 1.递归函数 1.1定义 1.2案例1 1.3案例2 1.4案例3 2.三元表达式 2.1格式 2.2使用 2.3嵌套 3.生成式 3.1列表生成式 3.2字典生成式 3.3集合生成式 3. ...
JavaScript中的函数中arguments、参数、默认值和表达式以及箭头函数
箭头函数: 箭头函数虽然语法简洁.但也有很多场合不适用.箭头函数不能使用arguments.super和new.target,也不能用作构造函数.此外箭头函数也没有prototype属性. 1. 函数 ...
js“三元表达式” （三元运算符）
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/liu_jiachen/article/ ...
js三元表达式的连写
js 的三元表达式连写 const { level } = item this.dialogTitle = level === 1 ? '添加一级菜单' : (level === 2 ? '添加二级菜 ...
三元表达式 | JSX | 回调函数
今天还是首次在JSX的点击事件中使用三元表达式,而且式子还是回调函数,特mark一下 const { handleGoback } = props; <Button onClick={ hand ...
js 三元表达式 switch语句
目录一:三元表达式 1:什么是三元表达式? 2:语法结构二:switch语句(条件判断语句) 1:switch 语句也是多分支语句 2:语法结构: 3:注意事项: 4:switch和if else ...

JS 三元表达式和箭头函数

三元表达式

箭头函数

JS 三元表达式和箭头函数相关推荐

最新文章

热门文章