ES6之函数

最新推荐文章于 2024-05-24 12:13:51 发布
原创 最新推荐文章于 2024-05-24 12:13:51 发布 · 217 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

函数默认值：

以前的函数默认值写法：

在函数当中，函数的参数默认是已经定义了的，已经不能再使用let或者const从新定义了

rest运算符 / 扩展运算符：

 

必须放到最后，不能放在中间

复制数组的方法：

箭头函数：

再看箭头函数中this的指向问题

这是正常的this指向，谁调用他，他的this就指向谁

下面加一个setTimeout

发现他就变成了undefined，这是因为this.id是通过setTimeout载入运行的，this.id属于window

箭头函数中的this指向，指向其在定义的时的作用域，而不是其运行时的作用域（原谁调用，this指向谁）

箭头函数中也没有arguments

如果想使用，就使用rset运算符

还有就是箭头函数不能当做构造函数，

ES6 Generator函数
不怕麻烦的鹿丸的博客
12-14 1416
以后，每次调用遍历器对象的 next 方法，就会返回一个有着 value 和 done 两个属性的对象。这里需要注意，一旦 next 方法的返回对象的 done 属性为 true ， for...of 循环就会中止，且不包含该返回对象，所以上面代码的 return 语句返回的 6 ，不包括在 for...of 循环之中。（3）如果没有再遇到新的 yield 表达式，就一直运行到函数结束，直到 return 语句为止，并将 return 语句后面的表达式的值，作为返回的对象的 value 属性值。
ES6深入—ES6 Generator 函数
weixin_44009656的博客
05-30 1801
本文介绍了 ES6 Generator 函数的概念和使用。以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。
ES6 函数
paper_crane的博客
09-30 537
默认参数 示例 // 当没有传入足够的参数时，会使用默认参数，如无默认参数，则为undefined function test(arg1, arg2 = '', arg3 = 0, arg4) {} 对于默认参数值，null是一个合法值 ES5下函数arguments的特性 // 非严格模式 function mixArgs(first, second...
ES6关于函数详解
教官的博客
12-11 1167
设置默认值的方式 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log(...
Es6常用函数
weixin_42121231的博客
05-24 1423
1、filter()作用：根据指定条件筛选出数组中满足条件的元素，并返回一个新数组。filter() 方法会遍历数组中的每个元素，对每个元素都调用一次 函数。如果函数返回 true，则当前元素会保留在新的数组中；如果 callback 函数返回 false，则当前元素不会包含在新的数组中。
ES6之函数的扩展
BradenHan的专栏
05-17 1157
ES6（ECMAScript 2015）对函数进行了多方面的扩展，旨在提高代码的简洁性、可读性和功能性。
ES6常用函数
qq_26942049的博客
08-07 869
一、includes 判断数组是否包含某个元素，不用return，不用回调函数，返回布尔值
Es6箭头函数
jakelihua
11-20 623
箭头函数是Es6新增加的一个语法特性，在简化编码方面，有着巨大亮点。下文就是我对于箭头(=>)函数的定义与实用说明。
ES6箭头函数
weixin_44530344的博客
08-11 702
我们来学习一下es6的箭头函数。(只有一个形参的时候)可以省略。{}可以省略，当只有一句代码或者只有返回值的时候，省略return。没有arguments。箭头函数没有this，箭头函数this是父级作用域的。
ES6之Map函数
weixin_47412580的博客
08-03 890
ES新特性
es6函数之尾递归用法实例分析
11-21
本文实例讲述了es6函数之尾递归用法。分享给大家供大家参考，具体如下： 函数调用自身，称为递归，如果尾调用自身，就称为尾递归。 递归非常耗费内存。因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误...
精选资源
ES6箭头函数详解：语法、特性及其应用
03-01
内容概要：本文档详细介绍了ES6中新增的函数定义方式——箭头函数。首先阐述了其基本语法规则，如单行表达式的简写形式、参数的灵活表示方法等。然后重点讲解了箭头函数的几个重要特性，包括不绑定自身的this值而...
ES6之对象
VVVZCS的博客
09-13 1452
原本对象里面的元素声明： 在ES6中，如果你的键值和键名字一样，那么就可以简写成一个，即 原本的函数声明： 现在同样可以简写成： 对象里面的函数声明不要用箭头函数 Object.is() 判断两个值是否是相同的值 参数：value1，value2 相同返回true，不同返回false Object.is() 判断两个值是否相同。如果下列任何一项成立，则...
ES6之类（class）和继承
VVVZCS的博客
09-14 1181
原来我们写面向对象编程，都是在通过构造函数，然后在原型上写的，比如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l
ES6之数组（一）
VVVZCS的博客
09-13 957
forEach() 代替原本的for循环   map() map可以有return，返回一个新的数组 如果没有return，相当于forEach 所以map也可以对数据（比如后台传过来的）进行修改 filter() 根据条件，过滤掉一些你不想要的元素 some() 查找数组内是否有某一个元素符合条件 every() 只...
ES6之数组（二）
VVVZCS的博客
09-13 874
1，Array.from 从一个类数组或者课迭代对象中创建一个新的数组实例 Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike   想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数)   如果指定了该参数，新数组中的每个元素会执行该回调函数。 thisArg (可选参数)   可选参数，执行回调函数 mapFn 时 ...
Proxy
VVVZCS的博客
09-19 833
Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。 也可以用来预警，上报，扩展功能，统计，增强对象等等 proxy是设计模式的一种，叫做代理模式 语法：    new Proxy (target, handler)   target 用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。   handler 一个对象，...
ES2018新增加的一些东西
VVVZCS的博客
09-19 687
1，命名捕获 语法： (?<名字>) 先来看一个原来的捕获正则; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&am
es6 封装函数
最新发布
10-21
ES6 封装函数有多种不同的形式，以下结合参考内容进行介绍： ### 设置默认值封装函数 ES6 允许为函数的参数设置默认值，直接写在参数定义的后面。例如封装一个 `log` 函数： ```javascript function log(x, y = 'World') { console.log(x, y); } log('Hello') // 输出: Hello World log('Hello', 'China') // 输出: Hello China log('Hello', '') // 输出: Hello ``` 这里 `y` 参数默认值为 `'World'`，当调用函数未传入 `y` 参数时，会使用默认值 [^1]。 ### Generator 函数封装 Generator 函数是一种特殊的函数，总是返回一个遍历器，这个遍历器是 Generator 函数的实例，也继承了 Generator 函数的 `prototype` 对象上的方法。例如： ```javascript function* g() {} g.prototype.hello = function () { return 'hi!'; }; let obj = g(); console.log(obj instanceof g); // 输出: true console.log(obj.hello()); // 输出: 'hi!' ``` 这里封装了一个 Generator 函数 `g`，并在其原型上添加了 `hello` 方法 [^2]。 ### 使用 Proxy 封装防抖、节流函数 可以使用 ES6 的 `Proxy` 来封装防抖和节流函数。以下是封装的防抖和节流函数示例： ```javascript // 通用防抖函数 export function debounce(fn, rate = 300, immediate = true) { let timer; return new Proxy(fn, { apply(target, ctx, args) { if (timer) { clearTimeout(timer); } if (immediate) { let callNow = !timer; timer = setTimeout(() => { timer = null; }, rate); if (callNow) { return Reflect.apply(target, ctx, args); } } else { timer = setTimeout(() => { return Reflect.apply(target, ctx, args); }, rate); } }, }); } // 通用节流函数 export function throttle(fn, rate = 1000) { let lastTime = 0; return new Proxy(fn, { apply(target, ctx, args) { const now = Date.now(); if (now - lastTime > rate) { lastTime = now; return Reflect.apply(target, ctx, args); } }, }); } ``` 在上述代码中，`debounce` 函数封装了防抖功能，`throttle` 函数封装了节流功能 [^3]。 ### 递归函数封装 在函数内部调用自己的函数称为递归函数。为了防止溢出，必须使用 `return`。例如封装一个求 `n` 的阶乘的递归函数： ```javascript function fn(n) { if (n <= 1) { return n; } else { return n * fn(n - 1); } } // 调用示例 let n = 5; console.log(n + '的阶乘为' + fn(n)); ``` 这里封装的 `fn` 函数通过递归的方式计算 `n` 的阶乘 [^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值