ES6的函数优化

最新推荐文章于 2022-04-14 16:10:52 发布
最新推荐文章于 2022-04-14 16:10:52 发布
阅读量212 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengqiuming/article/details/109143607
版权

一 实战

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 参数默认值 */
        // 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法；现在可以直接给参数写上默认值，没传就会自动使用默认值
        // 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法：
        function add(a, b) {
            // 判断b是否为空，为空就给默认值1
            b = b || 1;
            return a + b;
        }
        // 传一个参数
        console.log(add(10));

        // 现在可以这么写：直接给参数写上默认值，没传就会自动使用默认值
        function add2(a, b = 1) {
            return a + b;
        }
        console.log(add2(20));

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


        /* 箭头函数 */
        let print = obj => console.log(obj);
        print("hello");

        // 箭头函数 + 解构
        const person = {
            name: "jack",
            age: 21,
            language: ['java', 'js', 'css']
        }
        // 将person中的name解构到name中
        let hello2 = ({ name }) => console.log("hello," + name);
        hello2(person);
    </script>
</body>

</html>

二 测试

 

chengqiuming
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6函数之尾调用优化实例分析
10-15
ES6中的尾调用优化（Tail Call Optimization, TCO）是一项重要的性能提升策略，它针对函数调用在函数体的最后一步的情况。尾调用优化的主要目的是减少内存消耗，提高程序执行效率。当一个函数的最后一步是调用另一个...
es6函数之尾递归用法实例分析
10-15
在ES6中，尾递归是一种优化技术，用于改善递归函数的性能，特别是在处理大量递归时。传统的递归可能会导致堆栈溢出，因为每个递归调用都会在调用栈上创建一个新的栈帧。而尾递归则通过在递归调用后不执行任何其他...
es6 函数优化
baidongying的博客
08-01 473
es6 函数改变 可以为函数定义默认参数，在es6之前，可能需要在函数体内添加额外的代码来检查参数是否存在，如若不存在，则需要手动赋一个默认值。 也可以为函数定义不定参数，这个数组中包含其后所有的参数，由于使用的是真实数组，且可以根据需要决定要囊括到数组中的参数，因此不定参数是一个比arguments对象更灵活的解决方案。 展开运算符与不定参数形似，可以通过它解构数组，并将每一个元素作为函数的第一参
es6之函数优化
qq_42407405的博客
07-16 150
es6之函数优化参数默认赋值多参形式函数尾调用 参数默认赋值 // 默认赋值 function add (x = 2, y = 3) { return x + y; } 多参形式 function add (...n) { // n 为数组 console.log(n.length); } add(1, 2, 3, 5) // 4 函数尾调用 解决函数之间调用的优化问题 最后一步调用，不一定是最后一行 典型例子：递归 let fun = (x, y) => x + y; let fun1
es6学习之函数优化
weixin_45942124的博客
01-05 127
1、函数参数默认值 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法： function add(a, b) { // 判断b是否为空，为空就给默认值1 b = b || 1; return a + b; } // 传一个参数 console.log(add(10)); 现在可以这么写：直接给参数写上默认值，没传就会自动使用默认值 function add2(a, b = 1) { return a + b;
es6对JS函数的优化
qq_39144051的博客
04-11 214
函数参数的默认值、多参数写法 1.1函数默认值：给入口参数设定一个默认值 1.2多参数写法：…变量名，n表示一个存放参数的数组 箭头函数 语法格式：方法名=(参数)=>{方法体} 当参数只有一个的时候，()可以省略不写；当方法体只有一行时，{}可以省略不写，如下图： 3. 函数尾调用：某个函数的最后一步是调用另一个函数。 用函数尾调用优化改写递归： 阮一峰-尾调用优化htt...
ES6之函数优化(默认参数、剩余参数、 箭头函数)
猫老板的豆
05-09 682
ES6中，当参数个数无法确定时，可以使用剩余参数（rest parameter）来表示，剩余参数就相当于一个容器，调用函数时传入几个参数值，这个容器就装载几个参数值。剩余参数能够将多个独立的参数合并到一个数组中去，剩余参数表示为。如果箭头函数只有一条语句，那么可以省略大括号，并且自动将该语句的结果作为返回值。箭头函数不能使用yield关键字来定义生成器函数，因此无法迭代返回多个值。）或使用默认参数来获取参数列表。由于箭头函数没有自己的this值，因此不能使用。箭头函数相当于匿名函数，并且简化了函数定义。
ES6函数和数组用法实例分析
10-15
在ES6（ECMAScript 2015）中，函数和数组的用法得到了显著...在实际开发中，根据需求选择合适的函数和数组操作，可以更好地管理数据并优化性能。对于想要深入学习JavaScript的开发者来说，掌握ES6的新特性至关重要。
关于ES6尾调用优化的使用
10-14
ES6中的尾调用优化（Tail Call Optimization，TCO）是一种旨在提升函数调用性能的技术，特别是在递归操作中。尾调用是指在一个函数的最后一步执行一个函数调用，且这个调用的结果直接作为当前函数的返回值，没有其他...
ES6之函数优化
hy_ethel的博客
01-12 193
在ES6中，对函数的操作进行优化，使我们在操作函数时变得更加便捷。 1、函数参数默认值 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法： function add(a, b) { // 判断b是否为空，b为空就设置默认值 // 第一种设置默认值方法 // b = b || 1; // 第二种设置默认值方法 if(!b) { b = 1; ...
ES6 尾调用优化--函数编程中规范
kill_bugs的博客
05-25 839
学习笔记： 尾递归 函数调用自身，称为递归。如果尾调用自身，就称为尾递归。 递归非常耗费内存，因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误（stack overflow）。但对于尾递归来说，由于只存在一个调用帧，所以永远不会发生“栈溢出”错误。 function factorial(n) { if (n === 1) return 1; return n * fa
ES6对象优化
实践求真知
10-18 234
一点睛 扩展运算符（ spread ）是三个点（...）。它将一个数组或对象转为用逗号分隔的参数序列。 二实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu..
es 6对Function函数类型做的优化
m0_49016709的博客
07-13 400
优化部分： 1、箭头函数(核心)。箭头函数是ES6核心的升级项之一，箭头函数里没有自己的this,这改变了以往JS函数中最让人难以理解的this运行机制。主要优化点: Ⅰ. 箭头函数内的this指向的是函数定义时所在的对象，而不是函数执行时所在的对象。ES5函数里的this总是指向函数执行时所在的对象，这使得在很多情况下this的指向变得很难理解，尤其是非严格模式情况下，this有时候会指向全局对象，这甚至也可以归结为语言层面的bug之一。ES6的箭头函数优化了这一点，它的内部没有自己的this,这也
JavaScript代码ES6优化点
spicyIsPleasant的博客
04-08 1028
一、取值使用解构方法 数组 优点：只需提供位置即可，并且可同时获得不同位置的值 let array = [1,2,3,4,5] let [a,,b] = array console.log(a) //1 console.log(b) //3 let array = [1,2,3,4,5] let [,,a] = array a //3 对象 优点：只需提供名称（与属性名形同）即可，不需要注意位置 let array ={name:'Tom',age:18} let {
ES6的优化技巧
Qianliwind的博客
10-09 383
不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。 恰好，这位leader有代码洁癖，面对3~5年经验的成员，还写这种水平的代码，极为不满，不断对代码进行吐槽。不过对于他的吐槽，我感觉还是有很大收获的，故就把leader的吐槽记录下来，分享给掘友们，觉得有收获点个赞，有错误的或者更好的写法，非常欢迎在评论中留言。 ps：ES5之后的JS语法统称ES6！！！
浅谈ES6尾调优化
fernwehseven的博客
04-14 193
前言 前两天笔试的时候遇到了这个问题，看了多篇博文之后终于理解了，在这里记录一下~ 什么是尾调用 简单来说，一个函数的返回值是对另外一个函数的调用，这种情况就叫做尾调用。 function f1(n) { return n * 2 } function f2(n) { return f1(n + 1) //line A } const res=f2(2))//line B 在以上代码中，f2的返回值是对f1的调用，这就是尾调用。 对尾调用的优化 首先我们要知道尾调优化是浏览器帮我们完成的
ES6之尾调用优化
高山景行，一尘不染
08-08 297
什么是尾调用？  尾调用（Tail Call）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。 function f(x){ return g(x); } 上面代码中，函数f的最后一步是调用函数g，这就叫尾调用。 以下三种情况，都不属于尾调用。 // 情况一 function f(x){ let y = g(x); r...
js实现栈及ES6优化
weixin_44713462的博客
08-25 184
ES5 function Stack() { let items = []; //公共的 //向栈添加元素 this.push = function (element) { items.push(element); } //从栈移除元素 this.pop = function () { items.pop(); } //查看栈顶元素 this.peek = function () {
巧用 ES6，轻松优化 Vue 代码
zyzhan
01-30 206
简写方法定义 // Without shorthand（没有简写） { methods: { getValue: function() { // ... } }, computed: { halfValue: function() { // ... } }, created: function() { // ... } } // With ES6 shorthand（使用ES6简写） { methods: { getValue() { // ... }
ES6中函数新增了哪些扩展
最新发布
06-09
ES6中函数新增了以下扩展： 1. 箭头函数：使用箭头（=>）定义函数，可以简化函数定义，省略function关键字，自动绑定this关键字，以及其他语法上的简化。 2. 默认参数：可以给函数的参数设置默认值，当调用函数时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值