深入浅出ES6新特性之函数默认参数和箭头函数
1、函数参数的默认值
ES5中不能直接为函数的参数指定默认值，只能通过以下的变通方式：
从上面的代码可以看出存在一个问题，当传入的参数为0或者false时，会直接取到后面的值，而不是传入的这个参数值。
那怎么解决呢？对于上图的代码，可以通过判断是否传入了num参数，没有就用默认值：
这种做法还是很麻烦的，而ES6则直接在参数定义里面设置函数参数的默认值，而且不用担心传入参数是0或者false会出错了：
2、箭头函数
箭头函数用 => 符号来定义。
箭头函数相当于匿名函数，所以采用函数表达式的写法。
左边是传入函数的参数，右边是函数中执行的语句。
上面是完整的写法，左边小括号，右边大括号，而下面的情况可以简写：
（1）当要执行的代码块只有一条return语句时，可省略大括号和return关键字：
箭头函数在回调函数中是很简洁的，像这样：
需要注意的是， 箭头函数没有自己的this、arguments、super、new.target，它们分别指向外层函数的相应变量。
以前在ES5中使用this有点麻烦，这种问题很常见：
但是现在有了箭头函数，不再需要使用that = this或 _this = this 这种代码啦，因为箭头函数中的this直接就是外层函数中的this，代码更简单了：
以上所述是小编给大家介绍的A深入浅出ES6新特性之函数默认参数和箭头函数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍ES6箭头函数的特性?相关面试题，主要包含被问及ES6箭头函数的特性?时的应答技巧和注意事项，需要的朋友参考一下 参考回答： ES6 增加了箭头函数，基本语法为 let func = value => value; 相当于 let func = function (value) { return value; }; 箭头函数与普通函数的区别在于： 1、箭头函数没有this，所以需要通
-
新的“胖箭头”符号还可以用更简单的方式来定义匿名函数。 请看下面的例子： console.log(x); incrementedItems.push(x+1); }); 计算一个表达式并返回值的函数可以被定义更简单： 下面代码与上面几乎等价： incrementedItems = items.map(function (x) { return x+1; 让我们在 验
-
问题内容： class App extends Component { constructor(props) { … } 在类中声明的两种函数 （onChange和onSubmit） 之间有什么区别？如果我将其声明为ES6类方法，但在 const url中 引用this.sate时出现错误，但是将其更改为arrow函数可以解决此问题。 我想知道两种情况下如何正确处理“ this” 另外，我该如何做
-
主要内容：1.语法变化,2.带参数的箭头函数,3.带有默认参数的箭头函数,4.带有Rest参数的箭头函数,5.无括号的箭头函数,6.箭头函数的优点ES6中引入了箭头(Arrow)函数，它提供了一种更准确的JavaScript编写方法。 它们让我们能够编写较小的函数语法。 箭头函数的代码更具可读性和结构性。 箭头函数是匿名函数(没有名称且未与标识符绑定的函数)。 它们不返回任何值，并且可以在不使用关键字的情况下进行声明。 箭头函数不能用作构造函数。 箭头函数中的上下文是按词汇或静态方式定义的。 它
-
让我们深入研究一下箭头函数。 箭头函数不仅仅是编写简洁代码的“捷径”。它还具有非常特殊且有用的特性。 JavaScript 充满了我们需要编写在其他地方执行的小函数的情况。 例如： arr.forEach(func) —— forEach 对每个数组元素都执行 func。 setTimeout(func) —— func 由内建调度器执行。 ……还有更多。 JavaScript 的精髓在于创建一个
-
问题内容： 我是React的新手，正在尝试了解语法。 我正在React 15环境中进行开发（使用react-starterify模板），并且一直在使用下面的VERSION 2中的语法，但是，我在Facebook的React页面上发现的大多数示例和教程都是VERSION 1。这两个，何时应在另一个之上使用？ 版本1 版本2 问题答案： 第二个代码是 无状态功能组件， 并且是用于将组件定义为的函数的新