参数默认值
function test(x, y = 'world'){
console.log('默认值：',x,y);
}
test('hello');//默认值： hello world
test('hello', 'ES6');//默认值： hello ES6
如果函数参数中没有默认值，并且调用的时候也没有赋值，这种写法是错的
函数参数默认值作用域的问题
- 函数外面有和函数参数中相同的变量，函数会使用自己函数里的，没有赋值的情况下
- 显示undefined，也不会用外面的同名变量
- 函数参数的初始值可以使用外部的变量
let x = 'hello';
function test(x, y=x) {
console.log('作用域：',x,y);
}
test('world');//作用域： world world
test();//作用域： undefined undefined
function test(z, y=x) {
console.log('作用域：',z,y);
}
test('world');//作用域： world hello
test();//作用域： undefined hello
rest参数
- ...
- 将一系列参数转化成数组，特别是不知道参数数量的情况下
- 类似arguments
- 但是不存在arguments第一个元素（fn）的问题
- 注意：rest参数之后不能再有其他参数
function test(...arg) {
for(let v of arg){
console.log('rest', v);
}
}
test(1,2,3,'a','b','c');// 1 2 3 a b c
扩展运算符
- 与rest参数互为逆运用
- 扩展运算符：数组转化成离散的值；rest参数：离散的值转化成数组
console.log(...[1,2,3,4,5]);//1 2 3 4 5
console.log('a','b',...[1,2,3,4]);//a b 1 2 3 4
箭头函数
- 函数名 = 函数参数 => 返回值
- 注意this的指向问题，有的情况下不适合用箭头函数
let arrow = v => v*2;
let arrow2 = () => 12;
console.log('箭头函数',arrow(3));//6
console.log(arrow2());//12
this绑定
- 箭头函数的this绑定看的是this所在的函数定义在哪个对象下，绑定到哪个对象则this就指向哪个对象
- 如果有对象嵌套的情况，则this绑定到最近的一层对象上
var obj={
fn:function(){
setTimeout(function(){
console.log(this);
});
}
}
obj.fn();//window
var obj={
fn:function(){
setTimeout(() => {
console.log(this);
});
}
}
obj.fn();//object
尾调用
- 调用函数之后，还有别的操作，不属于尾调用
- 基本格式如下
- 好处：提升性能，递归耗性能
- 尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用记录，因为调用位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用记录，取代外层函数的调用记录就可以了。
function test1(x){
console.log('test',x);
}
function test2(x){
return test1(x);
}
test2(12);//test 12
