解构取不到默认值

最新推荐文章于 2022-09-14 00:14:03 发布
最新推荐文章于 2022-09-14 00:14:03 发布
阅读量502 收藏
点赞数 3
分类专栏： es6 文章标签： es6解构 解构默认值 解构null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hero_rong/article/details/120989628
版权 
let {week} = data[k] || {}
//data[k]  是个对象,{week:null}，并不是一个值
//week     也是个对象，{week:week}

默认值生效的条件是，对象的属性值严格等于undefined。所以，取不到默认值只有一个情况，那就是后面已经有值了，null 不严格等于 undefined ，所以，如果后面的值是null的话，它就会取null

看一下es6入门官方文档https://es6.ruanyifeng.com/#docs/destructuring 

 

Hero_rong
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解构赋值不赋值?
qq_49316966的博客
11-12 1201
介绍 定义: 根据规则，从数组和对象当中提取值，并对变量进行赋值 规则: 等号两边的模式相等，才能赋值 匹配机制: 可以匹配空位，不成功则undefined() 等号右边如果不是可遍历对象(具备iterator接口)，则报错，只要是可遍历就可以解构赋值 关键字使用: var、let、const、Set 默认值: Demo 数组: let [1,2,3] = [a,b,c];// 1,2,3 let [a,,c,d] = [1,2,3];// 1,,3,undefine let [a,...b] = [1,
解构给默认值_ES6非常棒的特性-解构
weixin_39623350的博客
12-21 166
好的代码实践我们有一个方法：buildAnimal()，它需要三个参数：accessory, animal, color。function buildAnimal(accessory, animal, color){...}1然后我们需要加一个参数，我们需要怎么做？很简单啊，直接在方法名后面加不就好了吗。但是我们是好的程序员，怎么能这么没追求啊是不是：“Functions should have ...
es结构赋值默认值无效的问题
景色分明
03-13 466
问题： const b = {a:false} const {a = 2} = b 执行结果 a == false 既然Boolean(a) == false ，为何不取默认值2呢？？？ 答案： 可以进入babel自己测试下 可以看到es6 => es5之后的结果 a = b.a === void 0 ? false : b.a void 0的解释 void 0 === undefin...
JavaScript中 对象解构详解
明天也要努力的博客
09-14 6674
默认值name : '明天也要努力' , city : '南京' , job : {post : '前端' } };const {post , level = '初级' } } = user;// 明天也要努力 25 undefined 前端 初级新变量创建一个全新的变量并分配一个使用对象属性值计算的值name : '明天也要努力' , city : '南京' , job : {post : '前端' } };const {
js 函数参数使用解构赋值与默认值相结合
lszyzs的博客
06-30 2307
对于ES6函数的参数解构赋值与默认值相结合，初学很容易迷糊，在网上翻阅一番，并没有详细的讲解， 在此拿一个最普及的例子来详解其中的原理，两种写法都是使用了双重默认值： // 写法一function m1({x = 0, y = 0} = {}) { return [x, y];} // 写法二function m2({x, y} ={ x: 0, y: 0 }) { return [x, y];} 1、// 函数没有参数的情况,参数严格为undefined，参数默认值生效 m1() // [0, 0] m2
ES6知识点整理之对象解构赋值应用示例
10-17
当解构的对象属性不存在时，可以为其提供默认值。比如： ```javascript var {name, id='999', age} = obj; ``` 如果 `id` 在 `obj` 中未定义，那么 `id` 将被赋予默认值 `'999'`。 5. **解构异常处理** - **...
ES6 对象的新功能与解构赋值介绍
10-17
类的方法可以使用`static`关键字声明为静态方法，不绑定到实例。 总的来说，ES6通过改进对象的字面量语法、添加新方法如`Object.is()`和`Object.assign()`，以及引入解构赋值、默认参数和类，极大地增强了...
基于ES6作用域和解构赋值详解
08-28
如`{a, b} = {a: 1, b: 2}`，对象的属性名将直接对应到变量名。同样，也可以提供默认值，如`{a, b, c=3} = {}`，当对象中没有`c`属性时，`c`将被赋值为3。 5. 解构赋值还能用于简化变量交换，如`[a, b] = [b, a]`，...
ES6学习之变量的解构赋值
08-31
- 如果试图解构不存在的属性，且没有默认值，变量会被赋值为`undefined`。 - 解构赋值的对象模式中，如果属性不存在，尝试赋值给变量会报错，除非使用默认值或者变量名与属性名不同。 总的来说，ES6的解构赋值是...
ES6解构赋值的功能与用途实例分析
10-19
解构赋值在函数参数定义中也十分有用，可以将参数值直接映射到对应的变量： ```javascript // 按顺序匹配 function f([x, y, z]) { // ... } f([1, 2, 3]); // 不按顺序匹配 function f({x, y, z}) { // ...
成长笔记：JavaScript 中对象解构时指定默认值
Java-面试
04-19 778
待解构字段为原始值 正常情况下， const obj = { a: 1, b: 2, }; const { a, b } = obj; console.log(a, b); // 1 2 当被解构字段缺失时， const obj = { a: 1, }; const { a, b } = obj; console.log(a, b); // 1 undefined 此时可在解构时使用 = 指定默认值： const obj = { a: 1, }; const { a, b = 2
【JS】325- 深度理解ES6中的解构赋值
pingan8787
08-21 230
点击上方“前端自习课”关注，学习起来~对象和数组时 Javascript 中最常用的两种数据结构，由于 JSON 数据格式的普及，二者已经成为 Javascript 语言...
2-ES6-解构赋值
weixin_41802265的博客
11-12 108
解构赋值 概述：ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为【解构】 数组的解构赋值 概述：数组的元素是按次序排列的，变量的取值是由它的位置决定； 1-1、只要两边的模式相同，左边的变量就会赋予对应的值 let [ a, b, c ] = [ 1, 2, 3 ]; let [ foo, [ [bar], baz ] ] = [ 1, [ [ 2 ], 3 ] ];...
对象解构赋值中添加默认值，在原对象字段为null的情况下也会算有值，除非字段的值undefined
寬真
06-18 1561
解构给默认值_解构赋值默认值误区
weixin_30981569的博客
01-14 1254
问题还原这是最近 CR 的时候在业务代码中发现了一个问题，先来看一下问题代码：// data 为接口返回的数据const { bizObject = {}, total = 0 } = data.result || {};const list = bizObject.list || [];// 其他逻辑，比如把 list 更新到 state 中，等等A 接口正常的情况：data 中有 result...
ES6解构赋值
LILEILEILOVE的博客
06-23 493
1.数组的解构赋值 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。 ES5之前，为变量赋值，只能直接指定值。 let a=1; let b = 2; let c = 3; console.log(a); console.log(b); console.log©; ES6中可以这样赋值： let [a,b,c] = [1,2,3]; console.log(a); console.log(b); console.log©; 上面代码，可以从数组中取值，按照对象位置，对变量赋值。本
解构赋值中的值为null无法设置默认值
寬真
02-16 3064
后端返回值中 etlAccessAlarmVos：null， 我用解构赋值的方式const{accessTableVos=[],etlAccessAlarmVos=[]}=values，然后在下面获取到的etlAccessAlarmVos竟然也为空 ...
ES6小知识之解构赋值默认值问题
Hello博客
01-06 5960
使用解构赋值时遇到的一点小问题
随风丶逆风的博客
06-04 976
    今天做题，思路有了，唰唰唰写完，然后样例测试，嗯！？结果不对啊。function findRepeat(array){ if(array instanceof Array){ let i=0, len=array.length; while(i<len){ if(array[i] !== i){ ...
对象解构赋值时默认值
最新发布
11-17
对象解构赋值时可以设置默认值，当解构的值为undefined时，会使用默认值。例如： ```javascript const {a = 1, b = 2} = {a: 3}; console.log(a, b); // 输出：3 2 ``` 在上面的例子中，由于对象中只有a属性，因此b的值为undefined，但是由于设置了默认值为2，因此b的值为2。 另外，需要注意的是，当解构的值为null时，不会使用默认值，而是直接赋值为null。例如： ```javascript const {a = 1, b = 2} = {a: null}; console.log(a, b); // 输出：null 2 ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值