ES6-6 - this指向、箭头函数基本形式、rest运算符

一 chrome断点调试

观察函数调用栈

// 25min
var x = 1;
function foo(x, y = function () { x = 2; console.log(2) }) {var x = 3;y();console.log(x)
}
foo()
console.log(x)
// 2 3 1

var x = 1;
function foo(x, y = function () { x = 2; console.log(x) }) {x = 3;y();console.log(x)
}
foo()
console.log(x)
// 2 2 1

二 this指向

this指向总结
箭头函数的this

默认绑定规则：指向window（严格模式指向undefined）
隐式绑定：谁调用指向谁
显示绑定：call、apply、bind
new

三箭头函数

=> 胖箭头

const f = a => a
// 当参数只有一个时可省略括号()
// 当函数体只有一句return时 可省略括号{}和return

const f = () => 5

箭头函数中不存在arguments，可以用rest运算符…args（数组）

四 rest/spread运算符…/不定参数

展开或收集
可以将数组展开

function foo(x, y, z){console.log(x, y, z)
}
foo(...[1, 2, 3]) // 1 2 3
foo.apply(null, [1, 2, 3]) // 1 2 3
foo.apply(undefined, [1, 2, 3]) // 1 2 3

收集的功能

const sum = (...args) => args
// 返回的args是数组而不是类数组

const a = [2, 3, 4]
const b = [1, ...a, 5]
console.log(b) // 1 2 3 4 5
[1].concat(a, [5]) // 1 2 3 4 5

concat参数

rest收集必须是最后一个参数，否则报错

const fn = (a, ...b) => console.log(b)
fn(1, 2, 3, 4, 5) // [2,3,4,5]真正的数组

==argument数组排序 ==

对函数形参的影响，…不计入length（默认值也会）

const fn = (a, ...b) => a
console.log(fn.length) // 1

ES6-6 - this指向、箭头函数基本形式、rest运算符相关推荐

石川es6课程---4、箭头函数
石川es6课程---4.箭头函数一.总结一句话总结: 相当于函数的简写,类似python lambda 函数,先了解即可 let show1 = function () {console.log( ...
ES6学习笔记：箭头函数
lambda函数即匿名函数,在ES6发布之前,我们通常会这样写匿名函数 var selected = allJobs.filter(function (job) {return job.isSelec ...
高级JavaScript #ES6(模板字符串,let,箭头函数,forof,参数增强,解构,class,promise)
模板字符串 1.模板字符串: 只要拼接字符串都用模板字符串代替+a.整个字符串包裹在一对儿反引号 ` ` 中b.反引号``中支持换行 c.反引号中需要动态生成的内容必须放在${}里d. ${}里: ...
ES6精解：箭头函数
基本用法在ES6中允许使用 => 来定义函数,如下: var f = a => a;console.log(f(1)); //1 就等同于 var f = function(a){ret ...
ES6之什么是箭头函数？
箭头函数是匿名函数,ES5匿名函数的语法糖:但又增加了ES5所没有的一些优点,接下来我们一起来看一看箭头: //ES5 var tt = function tt() {return 55 + 99; ...
ES6基础语法（let、const、解构赋值、模板字符串、简化对象、箭头函数、扩展运算符）（一）
系列文章目录第二章:ES6深入(Symbol.类.迭代器.Set.Map)(二) 第三章:ES6深入(生成器.Promise.async/await)(三) 第四章:ES6+新增API拓展(对象AP ...
ES6新特性之箭头函数
概述:ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义: 箭头函数的注意点如果形参只有一个,则小括号可以省略函数体如果只有一条语句, ...
实战 es6_Node.JS实战65：ES6新特性：箭头函数
有人说ES6(ES2015)最具魅力的是箭头函数.但真的,我不这么认为:箭头函数这玩意真是又丑又变扭! 不过,箭头函数确实有它的功能优势: 1.简洁: (虽然我也不认为这是真的简洁,还是认为它是很变扭 ...
ES6新特性_ES6箭头函数的实践以及应用场景---JavaScript_ECMAScript_ES6-ES11新特性工作笔记010
然后我们再去看,这个箭头函数的一些应用右边有块区域我们点击div以后实现2s以后,我们变成粉色我们去实现声明一个let ad得到这div对象然后给这对象添加事件监听,可以看到这里,添加了一个c ...

ES6-6 - this指向、箭头函数基本形式、rest运算符

一 chrome断点调试

二 this指向

三箭头函数

四 rest/spread运算符…/不定参数

ES6-6 - this指向、箭头函数基本形式、rest运算符相关推荐

最新文章

热门文章

ES6-6 - this指向、箭头函数基本形式、rest运算符

一 chrome断点调试

二 this指向

三 箭头函数

四 rest/spread运算符…/不定参数

ES6-6 - this指向、箭头函数基本形式、rest运算符相关推荐

最新文章

热门文章

三箭头函数