• ES6_函数优化


    函数参数默认值

    在ES6以前,我们无法给一个函数参数设置默认值,只能采用变通写法:

    function add(a , b) {
       // 判断b是否为空,为空就给默认值1
       b = b || 1;
       return a + b;
    }
    // 传一个参数
    console.log(add(10));

    现在可以这么写:

    function add(a , b = 1) {
        return a + b;
    }
    // 传一个参数
    console.log(add(10));

    箭头函数

    ES6中定义函数的简写方式:

    一个参数时:

    var print = function (obj) {
        console.log(obj);
    }
    // 简写为:
    var print2 = obj => console.log(obj);

    多个参数:

    // 两个参数的情况:
    var sum = function (a , b) {
        return a + b;
    }
    // 简写为:
    var sum2 = (a,b) => a+b;

    代码不止一行,可以用{}括起来

    var sum3 = (a,b) => {
        return a + b;
    }

    对象的函数属性简写

    比如一个Person对象,里面有eat方法:

    let person = {
        name: "jack",
        // 以前:
        eat: function (food) {
            console.log(this.name + "在吃" + food);
        },
        // 箭头函数版:
        eat2: food => console.log(person.name + "在吃" + food),// 这里拿不到this
        // 简写版:
        eat3(food){
            console.log(this.name + "在吃" + food);
        }
    }

    结果:

    箭头函数结合解构表达式

    比如有一个函数:

    const person = {
        name:"jack",
        age:21,
        language: ['java','js','css']
    }
    
    function hello(person) {
        console.log("hello," + person.name)
    }

    如果用箭头函数和解构表达式

    var hi = ({name}) =>  console.log("hello," + name);

    结果:

    学习中,博客都是自己学习用的笔记,持续更新改正。。。
  • 相关阅读:
    mui 单页面下拉刷新
    phpStorm格式化代码快捷键
    mui 子页面切换父页面底部导航
    Java连接Mysql的基本用法
    string替换所有指定字符串(C++)
    MySql与Java的时间类型
    MYSQL中防止插入重复记录的解决方案(无重复值更新)
    Java数据库连接池封装与用法
    Java中数据库连接池原理机制的详细讲解(转)
    Fedora14使用yum安装mysql
  • 原文地址:https://www.cnblogs.com/Tunan-Ki/p/11848315.html
Copyright © 2020-2023  润新知