js高级（变量和函数提升，闭包，函数的参数（arguments，剩余参数...），箭头函数）

最新推荐文章于 2024-01-05 12:39:56 发布
最新推荐文章于 2024-01-05 12:39:56 发布
阅读量415 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69749948/article/details/124719578
版权
变量和函数提升

1… 变量提升
变量使用：先声明，后访问
变量提升：先访问，后声明（let不存在变量提升的现象）
在这里插入图片描述

变量在声明之前被访问，变量的值为undefined
在这里插入图片描述
推荐：先声明，后使用
2… 函数提升
函数提升能够使函数的声明调用更灵活
在这里插入图片描述

函数表达式不存在提升的现象
在这里插入图片描述

闭包

定义：称为闭包函数，就是一个【能够访问别的作用域变量】的函数，作为返回值的函数
1-1… 语法格式的闭包函数
在这里插入图片描述
在这里插入图片描述
1-2… 经常使用的闭包函数：

在这里插入图片描述
2… 闭包函数的作用
延长变量的使用范围，在函数外部能访问函数内部的变量
3… 闭包函数的缺点
变量不能及时被销毁，可能会导致内存泄漏
注：几乎所有函数都可以是闭包函数，只是在使用得时候，见的比较多的是一个函数中返回了另一个函数

函数的参数arguments

定义：是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参
arguments是一个伪数组
作用：动态获取函数的参数
注：参数不固定时使用arguments
在这里插入图片描述

剩余参数…

语法：…（置于最末函数形参之前，用于获取剩余的参数）
… 是一个真数组
在这里插入图片描述

剩余参数… 还可用在数组或对象前，表示“展开”的意思，将里面的每个单元自动逐个取出
在这里插入图片描述

箭头函数

定义：箭头函数是一种声明函数的简洁语法，与普通函数没有本质的区别，差异就是语法格式
语法：let 函数名 = (形参) => {函数体（此处可以写 return）}
在这里插入图片描述
其他简写
如果只有一个形参，可以省略小括号
在这里插入图片描述

如果函数体只有一行代码，可以省略花括号（省略花括号，如果有返回值可以省略return）
在这里插入图片描述
注：
箭头函数属于函数表达式，不存在函数提升
箭头函数中没有arguments，只能使用…剩余参数获取实参
箭头函数没有this，在箭头函数里的this指向window
因为this的原因，DOM的事件回调中尽量不要使用箭头函数

郑钱钱吖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
fn-args:获取函数，箭头函数，生成器函数，异步函数的参数
05-26
fn-args 获取函数，箭头函数，生成器函数，异步函数的参数 安装 $ npm install fn-args 用法 const functionArguments = require ( 'fn-args' ) ; functionArguments ( function ( foo , bar ) { } ) ; //=> ['foo', 'bar'] functionArguments ( ( foo , bar ) => { } ) ; //=> ['foo', 'bar'] functionArguments ( function * ( foo , bar ) { } ) ; //=> ['foo', 'bar'] functionArguments ( async function ( foo , bar ) { } ) ; //=> ['foo', 'bar'] 执
JS高级--闭包
weixin_60811442的博客
04-09 576
一、理解闭包 1、如何产生闭包 当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包 2、闭包到底是什么（使用chrome调试查看） 理解一：闭包是嵌套的内部函数（绝大多数人理解） 理解二：包含被引用变量（函数）的对象（少数人理解） 注意：闭包存在于嵌套的内部函数中 3、产生闭包的条件 函数嵌套 内部函数引用了外部函数的数据（变量/函数） 执行外部函数 function fn1 () { var a = 2 var b = 'abc'
面试题--JS
weixin_50365835的博客
02-21 181
面试题--JS
javascript函数作用域
belive_lie的博客
02-23 1102
什么是作用域 Javascript中的作用域说的是变量的可访问性和可见性。也就是说整个程序中哪些部分可以访问这个变量，或者说这个变量都在哪些地方可见。 为什么作用域很重要 作用域最为重要的一点是安全。变量只能在特定的区域内才能被访问，有了作用域我们就可以避免在程序其它位置意外对某个变量做出修改。作用域也会减轻命名的压力。我们可以在不同的作用域下面定义相同的变量名。 作用域的类型 在javascri...
JavaScript 中的作用域与变量声明提升
weixin_47450807的博客
02-09 601
一、简单阐述 变量提升其实就是我们在函数内部定义的变量，被提升到函数的首部，此时我们在变量任何地方都是可以访问到该变量的。 造成变量声明提升的原因：js引擎在执行代码前会先有一个代码解析的过程，在代码解析的过程中会创建一个对 象，该对象包含着一些在函数内部定义的变量，其值为undefined，还存在一些形参变量。该对象会放入该函数的 作用域链中的顶部。然后当执行代码时会给变脸进行赋值，以及执行函数的代码。当在执行过程中遇到的变量可以 沿着作用域链进行查找，直到找完全局作用域。 下面会对其具体的流程步骤进
JS：函数中的arguments
elevenhope的博客
02-10 1850
一、什么是arguments 函数内部有一个特殊的对象叫arguments，里面包含了传递给函数的每个参数。 1.可以使用arguments.length检测函数的参数个数 function food() { console.log(arguments.length) } food("鱼", "菜") // 2 food("鱼", "菜", "饭") // 3 2.可以通过下标（arguments[index]）来访问参数和修改参数 function food() { console.l
JavaScript基础之方法 形参以及arguments属性
u011863822的博客
10-31 2168
方法的定义很常见，由两种一个是常规写法，还有要给是函数表达式。 function test(){ #执行程序 } #函数表达式 var test1=function(){ #执行程序 } 形参 JavaScript方法自然也可以进行参数，也就是在方法中先来一个形参进行占位。 function test(a,b){ # 执行程序 } js中形参，不像是java中那样形参中直接定义其必须传输的数据类型。 test(1,2) test("a","b") 调用都可以运行，甚
arguments和...arg相关知识点
WJLcomeon的博客
05-11 1420
1.什么是类数组 类数组是指在写法上跟数组一样，比如arguments，函数的第一个参数是argument[0]，写法上跟数组一样，但是不是数组，他的原型是Object。 function functionName() { console.log(arguments); } functionName(3, 5) 控制台打印： Arguments(2) [3, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ] 0:3 1:5 callee:ƒ functi
js闭包
hangnan315的博客
05-18 102
闭包 先来了解了解作用域 全局变量与局部变量 全局变量：全局执行环境创建，全局执行环境销毁随之销毁。 局部变量：写在函数中的变量。局部变量随着函数的执行产生，随着函数执行完毕销毁。 函数内部可以使用全局变量。 函数外部不能使用局部变量 闭包：指有权访问另外一个函数作用域中变量的函数。 闭包的形参： 1.函数嵌套函数 2.内部函数引用外部函数的变量或参数。 闭包的主要作用：延长变量的作用域 什么时候使用闭包： 当我们需要重复使用一个对象，又想保护这个对象不被其他代码污染的时候
函数的变量声明提升
weixin_46390620的博客
03-18 167
1.作用域 变量存在的范围就是变量的作用域。 全局作用域 变量在程序中一直存在，所有地方都可以读取。 局部作用域 变量只在函数内部存在 函数外部声明变量就是全局变量 函数内部定义的变量外部无法读取，顾称 局部变量 使用规则： 函数允许访问函数外的变量 整个代码结构中只有函数可以限定作用域 作用域规则首先使用提升规则分析 如果当前作用域中有了该变量，就不再考虑外面的同名变量 变量声明提升 函数内部会...
深入理解javascript函数参数与闭包
11-27
1.函数参数 　1.1：参数是什么 　1.2：参数的省略 　1.3：参数默认值 　1.4：参数传递方式 　1.5：同名参数 　1.6：arguments对象 2.闭包 　2.1：闭包定义 　2.2：立即调用的函数表达式（IIFE, Immediately invoked ...
php的闭包（Closure）匿名函数初探
01-20
提到闭包就不得不想起匿名函数，也叫闭包函数（closures），貌似PHP闭包实现主要就是靠它。声明一个匿名函数是这样： $func = function() { }; //带结束符 可以看到，匿名函数因为没有名字，如果要使用它，需要将...
JavaScript function函数种类详解
11-24
本篇主要介绍普通函数、匿名函数、闭包函数 目录 普通函数：介绍普通函数的特性：同名覆盖、arguments对象、默认返回值等。 匿名函数：介绍匿名函数的特性：变量匿名函数、无名称匿名函数。 闭包函数：介绍闭包...
JS匿名函数、闭包
02-16
匿名函数，也称为拉姆达函数，是一种使用JavaScript...JavaScript中的匿名函数和闭包都是非常有用的特性，利用它们可以实现很多功能。不过，因为创建闭包必须维护额外的作用域，所以过度使用它们可能会占用大量内存。
一次彻底搞清楚js中变量和函数（包括箭头函数）提升
weixin_40073115的博客
01-08 1632
做前端的同学肯定对变量提升和函数提升不陌生，但实际应用中依然会有出错的情况，前端时间组内成员review代码发现很多小d在这个问题上没有彻底弄清楚，本篇博文详细做一次刨析。 变量提升 首先看下这个问题：输出结果是什么？ var x =20; function s() { console.log(x); var x = 10; console.log(x);return x; }; s(); 经...
利用let和箭头函数解决变量提升问题
qq_23864401的博客
03-06 560
name: " jsCoder"； skill: ["“es6”", "“react”", "angular”"]； for(let i = 0, len = this.skill.length; i< len; i++){ setTimeout(()=>{ console.log(i+1 + this.name); console.log(this.skill[i]); }, 0);...
JavaScript：箭头函数&剩余参数
最新发布
盒马的博客
01-05 834
讲解JavaScript的箭头函数与剩余参数
函数和变量提升
qq_43712187的博客
10-12 348
一、变量提升 什么是提升?： 变量和函数声明从它们在代码中出现的位置被提升到了最上面。 注意： 只有声明本身会被提升，而赋值操作不会被提升。等于右边不会提升 变量会提升到其所在函数的最上面，而不是整个程序的最上面。 函数声明会被提升，但函数表达式不会被提升： a：全局作用域 b：函数作用域 在ES6之前，js是没有块级作用域。 注：var 命令会发生“变量提升”现象，即变量可以在声明...
函数声明与函数表达式的提升问题
sky1679的博客
03-29 3442
首先上图 函数a是函数声明，执行的是函数提升，实际效果是 function a() { console.log(1); } a(); 即会把整个函数声明提到作用域顶端 而函数b是函数表达式，执行的是变量提升，实际效果是 var b; b(); b = function() {} 由于b已经声明了，所以不会报错ReferenceError，而是TypeError。 另外补充一点，函数声明和变...
js定时器防抖函数的使用
07-27
该函数内部定义了一个定时器变量`timer`，并返回了一个闭包函数。 当调用返回的闭包函数时，它首先会清除之前设置的定时器（如果有的话），然后创建一个新的定时器。新的定时器会在延迟时间后执行传入的函数`func`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

郑钱钱吖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值