(精华)2020年7月4日 JavaScript高级篇 ES6(函数扩展)

函数参数的默认值

function Person(name = '张三',age=18){
    this.name = name
    this.age = age
}
let person1 = new Person()
console.log(person1);
// 好处
// 1 阅读代码清晰
// 2 有利于代买维护  有利于封装代码
// 注意：有默认参数声明 内部不能用let const声明
function fn(x,y="123"){
    let x = 1;
}
fn(1)

与结构赋值结合的使用

function fn({x,y=5}){
    console.log(x);
    console.log(y);
}
fn({}) // undefined 5
fn({x:1})
fn({x:1,y:9})
function getFn([x=3,y=5]){
    console.log(x);
    console.log(y);
}
getFn([1])
function getFn([x=3,y=5] = [1]){
    console.log(x);
    console.log(y);
}
getFn()

参数默认值会形成单独的作用域

// 函数的参数会形成一个单独的作用域
// 等到初始结束这个作用域就会消失
function f(x,y=x){
    console.log(y);
}
f(2)
//相当于形成了一个单独的块级作用域
{
    let x = 2
    y = x
}

参数展开运算符打包

// 写一个方法计算 1,2,3相加的结果 用到for...of 循环
// 第一种方法
function add(){
    // console.log(arguments);
    // ... Array.from()
    let sum = 0
    for (let i of arguments){
        console.log(i);
        sum += i
    }
    return sum
}

console.log(add(1,2,3));
// 第二种方法 参数展开运算符打包
function add1(...values){
    console.log(values);
    let sum = 0
    for (let i of values){
        console.log(i);
        sum += i
    }
    return sum
}
console.log(add1(1,2,3));

函数内部严格模式的改变

// es6 函数参数指定了默认值 解构赋值 扩展运算符... 内部就不能用严格模式
// 因为我们的参数此时也会形成一个作用域 
// function get(a,b = a){
//     'use strict'
// }
// get()
// 方法一
'use strict'
function get(a,b = a){
    
}
get()
// 方法二
const doSome = (function(){
    'use strict'
    return function(a = 2){
        return 2
    }
}())