ES6系列_7之箭头函数和扩展】的更多相关文章

1.默认值 在ES6中给我们增加了默认值的操作相关代码如下: function add(a,b=1){ return a+b; } console.log(add(1)); 可以看到现在只需要传递一个参数也是可以正常运行的. 输出结果为:2. 2.主动抛出错误 ES6中我们直接用throw new Error( xxxx ),就可以抛出错误. function add(a,b=1){ if(a == 0){ throw new Error('This is error') } return a+…
石川es6课程---4.箭头函数 一.总结 一句话总结: 相当于函数的简写,类似python lambda 函数,先了解即可 let show1 = function () { console.log('abc') } let show2 = () => { console.log('abc') } show1() // 调用函数 show2() 二.箭头函数 箭头函数,就是函数的简写 如果只有一个参数,()可以省 如果只有一个return,{}可以省 // 普通函数 function name…
函数扩展 1.函数可以有默认值 function demo( a = 10,b ){} 2.函数可以使用解构 function demo( { a = 0,b = 0 } = {} ){ } 3.函数参数最后可以多一个逗号 function demo(a,b,c,){ } 坑: 1.与for等父子域不同 function(a){ let a=10; } 会报错,因为a已经被定义 2. function move({x, y} = { x: 0, y: 0 }) { return [x, y]; …
1. 介绍 第一眼看到ES6新增加的 arrow function 时,感觉非常像 lambda 表达式. 那么arrow function是干什么的呢?可以看作为匿名函数的简写方式. 如: var addition = function(a, b) { return a + b }; // 等同 var addition = (a, b) => { return a + b }; 2. 语法 arrow functions(箭头函数)主要有以下4种语法: // 1)基本 (param1, pa…
本文摘自ECMAScript6入门,转载请注明出处. 一.函数参数默认值 1. ES6允许为函数的参数设置默认值,即直接写在参数定义的后面. function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello 这种写法有两个好处:首先,阅读代码的人,可以立刻意识到哪些参数是可以省略…
<script> { // es3,es5 var evens = [1, 2, 3, 4, 5]; var odds = evens.map(function (v) { return v + 1; }); console.log(evens, odds); } { // es6 let evens = [1, 2, 3, 4, 5]; let odds = evens.map(v => v + 1); console.log(evens, odds); } /* * this指向的是…
箭头函数的基本用法与特点 函数与ES6新语法 一.箭头函数的基本用法与特点 声明箭头函数采用声明变量和常量的关键字:var.let.const 箭头函数的参数:没有参数用"()"空括号表示.一个参数可以不写括号.多个参数用"(a,b,c)"括号包裹 使用箭头“=>”连接参数与执行块"{}". 如果执行块内只有return语句,可以不写大括号“{}”和return关键字. //ES6箭头函数 const foo = (x,y) => x…
写法不同 // function的写法 function fn(a, b){ return a+b; } // 箭头函数的写法 let foo = (a, b) =>{ return a + b } this的指向不同 在function中,this指向的是调用该函数的对象: //使用function定义的函数 function foo(){ console.log(this); } var obj = { aa: foo }; foo(); //Window obj.aa() //obj {…
1. 箭头函数没有prototype(原型),所以箭头函数本身没有this let a = () =>{}; console.log(a.prototype); // undefined 2. 箭头函数的this指向在定义的时候继承自外层第一个普通函数的this. 下面栗子中在一个函数中定义箭头函数,然后在另一个函数中执行箭头函数. let a, barObj = { msg: 'bar的this指向' }; fooObj = { msg: 'foo的this指向' }; bar.call(ba…
原代码: const fetchPosts = subreddit => dispatch => { dispatch(requestPosts(subreddit)); return common.fetch({url: config.argumentSubmit, method: 'POST'}) .then(response => response.message) .then(message => dispatch(receivePosts(subreddit, messa…