美文网首页
ES6之函数优化

ES6之函数优化

作者: YAOPRINCESS | 来源:发表于2020-07-11 15:31 被阅读0次

image.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // 判断b是否为空,为空就给默认值1
        function add(a,b){
            b=b||1;
            return a+b;
        }
        console.log(add(10));//11

        //现在这样写
        function add1(a,b=1){
            return a+b;
        }
        console.log(add1(20));//21


        //不定参数
        function fun(...values){
            console.log(values.length)
        }
        fun(1,2,3);//3
        fun(1,2,3,4,5);//5


        //箭头函数
        //以前的写法
        var print=function(obj){
            console.log(obj);
        }
        print(1234);
        //现在
        var print1 = obj=>console.log(obj);
        print1(12345);
        var sum2=(a,b)=> a+b;
        console.log(sum2(11,22));
        var sum3=(a,b)=>{
            c=a+b;
            return a+c;
        }
        console.log(sum3(10,20));

        //解构
        const person={
            name:"jack",
            age:21
        }
        function hello(person){
            console.log("hello"+person.name);
        }
        var hello2=({name})=>console.log("hello"+name);
        hello2(person);
    
    </script>
    
</body>
</html>

相关文章

  • ES6之函数优化

    image.png

  • ES6 函数的扩展

    函数的扩展我们可以从三个方面来了解与认识: 参数的默认值 箭头函数 关于尾调用的优化 参数的默认值 在 ES6 之...

  • ES6 函数的扩展

    函数的扩展我们可以从三个方面来了解与认识: 参数的默认值 箭头函数 关于尾调用的优化 参数的默认值 在 ES6 之...

  • 怀教网络面试题

    如何对网站的文件和资源进行优化? es6箭头函数的特点 需要注意的是, 箭头函数没有自己的this、argumen...

  • ES6在企业中的应用

    模板字符串 解构赋值解构赋值最常用的在于函数。 数组spread es6浅拷贝 函数新特性之箭头函数 函数新特性之...

  • 29.JavaScript-箭头函数

    1.什么是箭头函数? 箭头函数是ES6中新增的一种定义函数的格式目的:就是为了简化定义函数的代码 2. 在ES6之...

  • 【ES6 笔记】函数:尾调用优化

    尾调用优化是ES6中在系统引擎优化上做的一个改进 概念:尾调用指的是函数作为另一个函数的最后一条语句被调用 问题:...

  • ES6之箭头函数【整理】

    [面试专题]ES6之箭头函数详解 https://segmentfault.com/a/1190000010914...

  • JS继承方式总结 (转)

    借用构造函数继承 原型链式继承(借用原型链实现继承) 组合式继承 组合式继承优化1 组合式继承优化2 ES6中继承...

  • ES6箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

网友评论

      本文标题:ES6之函数优化

      本文链接:https://www.haomeiwen.com/subject/wadicktx.html