es6的函数默认参数作用域

最新推荐文章于 2021-07-07 11:46:50 发布
原创 最新推荐文章于 2021-07-07 11:46:50 发布 · 171 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#es6

本文深入探讨JavaScript中的函数作用域和变量声明。默认值参数在函数内部创建独立的作用域A，而函数体内的变量作用域B在找不到变量时会向上搜索作用域链。这种机制确保了不同作用域之间的隔离性和查找逻辑。了解这一机制对于优化代码和避免变量冲突至关重要。

  1. 有默认值的函数，的确是开辟了单独的“参数声明作用域A”，这个作用域与函数体内的作用域是互不相干的，独立的。

  2. 函数体内的同名变量接受来自同名参数的默认赋值，并单独开辟函数体内的一个作用域B.

  3. 在作用域B中找不到变量时，程序会攀援“scope-chain”找到作用域A中的变量，并加以操作。
    在这里插入图片描述
    所以，在没有var之前的作用域A和作用域B是互相独立又有“上溯”查找的关系。
    但是再有let和var 之后两个作用域有相互独立了

7. ES6 函数参数的默认值
技术博客
11-14 414
ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。另外，一个容易忽略的地方是，参数默认值不是传值的，而是每次都重新计算默认值表达式的值。也就是说，参数默认值是惰性求值的。
探索 ES6 对象扩展：作用域、严格模式与箭头函数的协同之道
最新发布
向着太阳迎着光
12-02 1113
在一个购物车系统中，避免用var导致变量覆盖，可以使用let或const// 输出: ['Laptop']ES6 对 JavaScript 语言进行了多方面的扩展和优化，特别是在参数处理属性简写作用域管理严格模式和箭头函数等方面。这些特性不仅简化了代码，也提高了代码的可读性、可维护性和灵活性。在实际项目中，合理使用这些特性可以大大提升开发效率，减少常见的错误。
ES6 参数作用域
Chorer的博客
04-12 242
ES6 参数默认值的问题，其实之前在这篇文章中已经有涉及，之所以再谈起这个问题，是在阅读《ES6 标准入门》时产生的一个疑惑。阮老师的代码是： var x = 1; function foo(x, y = function() { x = 2; }) { var x = 3; y(); console.log(x); } foo(); // 3 x // 1 怎么解释输出？ ...
es6函数默认参数作用域
weixin_40333655的博客
06-05 163
使用默认参数时，参数会形成一个独立的作用域，此作用域与函数体中的作用域是平行关系 var x = 0; function foo(x, y = function(){ x = 2; console.log(x); }) { var x = 3; y(); console.log(x); } foo(); console.log(x); es6代码直接复制到支持es6语法...
Es6函数默认参数作用域详解
06-08 1935
es5中只有两种作用域，一个是全局作用域，另外一个是函数作用域，这个大家应该都知道，es6中多了个块级作用域（这里不多作解释，不懂的自己去找资料），最近看es6发现函数默认参数会产生作用域，发现有点绕，查了些资料，把自己的思路和推断写下来（个人理解，勿喷，愿意接受指正）。 es6默认参数作用域 首选我们来看个例子 例子1： var x = 1; function foo(x, y = functi...
ES6中函数的作用域问题
Silence-Lee的博客
07-27 329
ES6中规定函数参数可以使用默认值，其参数可与解构赋值的默认值结合使用，且函数此时的length属性返回的是无指定默认值参数的个数 注意： 一旦设置参数默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的。 //题一 let x = 1; function f(y) {//这个参数y和下面函...
ES6参数默认值的单独作用域
个人前端记录
08-30 478
1.单独的作用域 var val = 1 const fun = (val, y=()=>val=2 ) => { var val = 3 y() console.log(val) //预期是2，结果是3 } fun(); console.log(val) //1 上面代码中， 首先看内部val的打印结果：3。 原因是一旦设置了参...
深入浅出ES6新特性之函数默认参数和箭头函数
09-01
**深入浅出ES6新特性：函数默认参数与箭头函数** 在JavaScript的ES6版本中，引入了许多新的特性，极大地提升了开发效率和代码的可读性。其中，函数默认参数和箭头函数是两个非常实用且重要的特性。本文将详细讲解这...
ES6基础之默认参数值
10-17
- **函数**：函数作为参数的默认值时，它的作用域是定义它的全局作用域，而不是函数作用域。 总结，ES6的默认参数值极大地提升了JavaScript的可读性和实用性，简化了处理函数参数缺失的代码，同时与解构赋值、参数...
10个例子彻底读懂【参数默认值的独立作用域】
2024路在何方
08-22 898
函数的参数一旦设立默认值，在函数进行生命初始化时，参数就会形成一个独立的作用域。等到初始化结束，这个作用域就会消失。 举例一： var x = 1; function f(x,y = x){ console.log(y); } f(2); 很多初学者都会认为结果是1，因为y接收的默认值是全局变量x=1，其实不然，这样的结果违背我一开始说这句话——“函数的参数一旦设...
ES6（二）函数扩展 之 函数参数默认值
qq_33345511的博客
11-07 511
ES6标准关于函数部分的扩展，主要涉及以下几个方面： 1）函数参数默认值 2）函数参数解构赋值 3）函数剩余参数rest参数 4）箭头函数 5）关于严格模式 1.函数参数默认值 1）在ES6之前不能为函数的参数指定默认值， ES6允许为函数的参数设置默认值（即参数值直接写在参数定义的后面） 2）参数变量是默认声明的，不能用let const再次声明 3）使用参数默认...
es6 函数参数作用域
u013182438的博客
07-26 434
函数的参数会形成一个单独的作用域 //因为函数参数形成一个单独作用域，所以foo的参数x和匿名函数中的x是处于同一个作用域中。foo函数内部使用的x就是参数x，给x赋值为3，但是后边接着执行y(),修改x=2，所以最后输出2 var x = 1; function foo(x, y = function() { x = 2; }) { x = 3; y(); console.log...
ES6之块级作用域与函数声明--读书笔记
哆来咪er的博客
06-26 1646
函数能不能在块级作用域之中声明？ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。// 情况一 if (true) { function f() {} } // 情况二 try { function f() {} } catch(e) { // ... }上面两种函数声明，据 ES5 的规定都是非法的。但是，浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支
es6 函数扩展，参数作用域和箭头函数
会飞的小鹿
09-16 591
函数的扩展 函数参数的默认值 基本用法 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '')...
函数的参数作用域
lncci的博客
08-12 4132
注意理解： 1、 var x = 1; function f(x, y = x) { console.log(y); console.log(x);//undefined } f(2) // 2 2、 let x = 1; function f(y = x) { let x = 2; console.log(y); } f() // 1 3、 function f(...
es6函数参数
u012148262的博客
08-27 3243
1、参数作用域 一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的。 2、rest参数 ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入...
为什么浏览器中有些文件点击后是预览，有些是下载
热门推荐
cpa0701的博客
07-07 1万+
今天给大家分享两个比较有用的浏览器行为与预期不一致的现象，这两个问题其实并不是什么难题，但在工作中发现不少人被难住了，在我的印象中至少有三位同事在群里问这样的问题，上周又有同事被此现象困住了，所以我觉得这应该是个共性问题，在这里分享给大家，希望对大家有帮助 现象一、点击按钮无法实现文件下载 前端同事反馈在浏览器里点击实现好的「下载商品图片」按钮却无法下载（预期应该下载 zip 文件） img 但如果你在浏览器的地址栏里输入此下载地址却又能直接从浏览器里下载，这是为何？ 我们可以打开调试工具「网络部分」，然
深入理解ES6：箭头函数与块级作用域
"这篇ES6学习笔记主要涵盖了ES6中三种变量声明的异同、let与const的应用、箭头函数的使用方式、this的指向、默认参数以及箭头函数不适用于某些特定场景的情况。" 一、var、let、const异同 在ES6中，变量声明有了新...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值