es6函数扩展

最新推荐文章于 2023-06-23 10:44:35 发布
最新推荐文章于 2023-06-23 10:44:35 发布
阅读量209 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41900808/article/details/88553666
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数扩展</title>
</head>
<body>
<script>
//函数参数默认值
{
    function test(x, y = 'world') {
        console.log(x, y);
    }
    test('hello');//hello world
}

//作用域问题
{
    let x = 'test'
    function test2(x, y = x) {
        console.log(x, y);
    }
    test2('kill');//kill kill
    test2();//undefined undefined

    function test3(c, y = x) {
        console.log(x, y);
    }
    test3();//test test
    //理解：一个小括号就是一个小作用域，找不到当前值，才去上级寻找
}

// rest参数
//把输入的参数转换成数组，输入不确定个参数
//rest参数之后，不能有其它的参数
{
    function test4(...arg) {
        for(let v of arg) {
            console.log(v);
        }
    }
    test4(1, 2, 3, 4);
    // 1
    // 2
    // 3
    // 4
}

//扩展运算符
{
    console.log(...[1, 2, 4]);
    //1 2 4
}

//尾调用
//可以优化性能
{
    function tail(x) {
        console.log(x);
    }
    function f(x) {
        return tail(x);
    }
    f(33);//33
}
</script>
</body>
</html>

 

oiaa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 函数 新特性
01-08
【ES6 函数 扩展】 函数我觉得在任何一门语言中都非常的重要 , 可以简化代码 , 使代码结构更加清晰 , ES6 中也对函数进行了扩展 , 使函数使用起来非常的方便 , 简洁. 箭头函数 箭头函数应该是对原函数书写方式...
ES6箭头函数和扩展实例分析
10-15
主要介绍了ES6箭头函数和扩展,结合实例形式分析了ES6箭头函数和扩展基本功能、用法及操作注意事项,需要的朋友可以参考下
ES6 —— 函数的扩展
我的博客
10-24 262
一、 函数的扩展 ES6允许为函数的参数设置默认值，即直接写在参数定义的后面 function f(a=,b=5) { console.log(a,b) } f(1,2)//1,2 f(1)//1,5 function f(a=0,b=5) { this.a = a; ...
JavaScript ES6 - 函数扩展
黑木令之佛性
01-04 406
1. 函数新增特性: 1. 参数默认值 2. rest 参数 3. 扩展运算符 4. 箭头函数 5. this 绑定 6. 尾调用
ES6之函数的扩展
low666的博客
03-24 370
ES6之函数的扩展 函数参数的默认值 基本用法 在 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', ...
ES6中的 扩展运算符(...) 和 Set()数据结构（可以称为集合）
weixin_47075145的博客
07-11 531
扩展运算符是三个点（...）。用于取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。 2.用于合并两个对象 注意点：合并时，如果自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。 2. 数组的扩展运算符 （三个点相当于数组展开） 1.复制数组 扩展运算符提供了复制数组的简便写法。 2.合并数组 3.字符串变数组 2.Set()对象里面存数据方式 01. 调用add()方法 ，里面参数为要存的数据 02. 写到Set()括号里面：
ES6--函数的扩展
赵佳敏的博客
03-24 171
ES6--函数的扩展一、函数参数的默认值1. 与解构赋值默认值结合使用2. 参数默认值的位置3. 函数的 length 属性4. 函数的作用域二、函数的rest 参数三、ES6的严格模式四、函数的name属性五、自己实现map映射方法 一、函数参数的默认值 ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。 function method(x,y=10){ console.log(x, y); } method(20);//20 10 参数变.
ES6新特性之函数的扩展实例详解
12-11
本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下： 一、函数参数默认值 1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。 function log(x, y = 'World') { console.log(x, y)...
es6函数之严格模式用法实例分析
11-20
本文实例讲述了es6函数之严格模式用法。分享给大家供大家参考，具体如下： 从es5开始，函数内部可以设定为严格模式。 function doSomething(a, b) { 'use strict' // code } es2016做了一点修改，规定只要函数...
ES6-函数拓展
爱代码的小海的博客
08-29 127
1. rest操作符和拓展运算符 rest操作符 …拓展运算符 用途 2. 解构赋值和默认赋值 解构赋值 默认赋值 解构赋值和默认赋值配合使用 3. 箭头函数 示例 定义 使用方法 注意事项 1. rest操作符和拓展运算符 rest操作符 ES6引入 rest参数, 代替arguments变量, 用于获取函数的实参 // ES5获取函数实参的方法 function add() { // 类数组 console.log(arguments) } add(1..
ES6 6. 函数的扩展
鲸落
10-11 231
文章目录1 函数参数的默认值1.1 基本用法1.2 与解构赋值默认值结合使用(不可省略)1.3 参数默认值的位置1.4 函数的length属性1.5 作用域1.6 应用2 rest参数3 严格模式4 name属性5 箭头函数5.1 基本用法5.2 注意事项5.3 嵌套的箭头函数6 绑定this7 尾调用优化7.1 什么是尾调用7.2 尾调用优化7.3 尾递归7.4 递归函数的改写7.4.1 第一种方法7.4.2 第二种方法7.5 严格模式7.6 尾递归优化的实现8 函数参数的尾逗号(提案) 1 函数参数的默
ES6的扩展
weixin_51331510的博客
01-06 225
1.ES6介绍？ ECMAScript和JavaScript： ECMA是标准，JS是实现； 类似于HTML5是标准，IE10、Chrome、FF都是实现； 换句话说，将来也能有其他XXXScript来实现ECMA； ECMAScript简称ECMA或ES； 目前版本： - 低级浏览器主要支持ES 3.1 - 高级浏览器正在从ES 5过渡到ES 6 es6： ECMAScript 6.0 的简称 ECMA-2015，是 JavaScript 语言的下一代标准。 ECMAScript： ECMA 是制
ES6语法详解
最新发布
StringBuffer Obj 的博客
06-23 231
var声明的变量存在变量提升，针对的是全局块let声明的变量只在块内生效 {}
es6--函数的扩展
小白小白从不日别的博客
07-23 202
函数参数的默认值 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 上面代码检查函数log的参数y有没有赋值，如果没有，则指定默认值为World。这种写法的缺点
ES6 —— 函数进阶
HuoZhiyan 的博客
04-27 588
文章目录一、函数的定义方式二、函数的调用方式三、函数内 this 的指向四、改变函数内部 this 指向 一、函数的定义方式 函数声明方式 function 关键字（命名函数） function fn() {} 函数表达式（匿名函数） let fn = function() {} new Function('参数1', '参数2', '参数3') let f = new Function('a', 'b', 'console.log(a + b)') f(1, 2) //3
ES6中的扩展运算符
JINGinC的博客
10-28 3002
ES6的扩展运算符，它的语法很简单，使用三个点号表示“...”。可以将一个数组转为用逗号分隔的参数序列。 它将可迭代对象展开到其单独的元素中，所谓的可迭代对象就是任何能用for of 循环进行遍历的对象，例如：数组、字符串、Map、Set、DOM节点等。 目录 基础语法 该运算符主要用于函数调用 扩展运算符后面还可以放置表达式 一、替代数组的 apply 方法 使用 Math.max() 函数来获取最大值的用法是： 使用...
ES6 - Day3 - 函数的定义和调用
weixin_45663697的博客
04-13 255
目标 能够说出函数的多种定义和调用方式 能够说出和改变函数内部 this 的指向 能够说出严格模式的特点 能够把函数作为参数和返回值传递 能够说出闭包的作用 能够说出递归的两个条件 能够说出深拷贝和浅拷贝的区别 1. 函数的定义和调用 1.1 函数的定义方式 函数声明方式 function 关键字 (命名函数) 函数表达式 (匿名函数) new Function() var fn = new Function('参数1','参数2'..., '函数体') Function 里面参数都
es6之扩展运算符 三个点（...）
热门推荐
astonishqft的博客
09-30 24万+
es6之扩展运算符 三个点（...）es6之扩展运算符 三个点（...）对象的扩展运算符数组的扩展运算符总结 es6之扩展运算符 三个点（…） 对象的扩展运算符 理解对象的扩展运算符其实很简单，只要记住一句话就可以： 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...z }; /...
ES6学习之路(五) 函数的扩展
itSeven7的博客
06-15 871
参数默认值es6允许在参数中写入默认值 注意点： 1.在函数中，参数变量是默认声明的，如果使用let或者const在函数内部再次声明会报错 2.函数不能有同名参数，否则就报错 3.如果参数默认值是包含变量的表达式,那么参数就不能传值，需要修改变量的值来改变参数值 4.如果函数的参数是一个对象，那么必须调用时传入对象才会生效，否则就报错； 5.可以给
es6数值扩展
05-25
ES6 引入了一些数值扩展，其中包括了新的数值类型（如二进制和八进制）、新的数学方法和常量。 1. 二进制和八进制 在 ES6 中，我们可以使用 `0b` 或 `0B` 前缀来表示二进制数，使用 `0o` 或 `0O` 前缀来表示八进制...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值