ES6 小技巧

map

var m = new Map();
var s = new Set();

var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95

var m = new Map(); // 空Map
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
m.has('Adam'); // 是否存在key 'Adam': true
m.get('Adam'); // 67
m.delete('Adam'); // 删除key 'Adam'
m.get('Adam'); // undefined

set

var s1 = new Set(); // 空Set
var s2 = new Set([1, 2, 3]); // 含1, 2, 3

s.add(4);
s; // Set {1, 2, 3, 4}
s.add(4);
s; // 仍然是 Set {1, 2, 3, 4}

// convert a set to an array
let new_array = Array.from(set1);
console.log(new_array); // [1, 2, 3]

ES6 Object.assign()

  • 浅拷贝 /克隆对象
  • 同名属性的替换 数据初始化(清空)
  • 为对象添加属性、方法
  • 合并多个对象
  • 为属性指定默认值

参考

【ES6学习笔记之】Object.assign() - 简书

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在React开发中,有一些小技巧可以帮助提高开发效率和代码质量。以下是一些常用的React开发小技巧: 1. 使用函数组件代替类组件:函数组件具有更简洁的语法和更好的性能,在不需要使用生命周期方法和状态管理的情况下,优先考虑使用函数组件来编写代码。 2. 使用React Fragments来包裹组件:React Fragments可以帮助我们避免多余的DOM节点,提高代码的可读性和性能。 3. 使用解构赋值来获取props:使用解构赋值可以更方便地获取和使用props,使代码更简洁。 4. 使用箭头函数来定义组件方法:箭头函数可以解决绑定this的问题,使代码更简洁易读。 5. 使用条件渲染来控制组件显示:使用条件渲染可以根据不同的条件来显示不同的组件或内容,提高代码的灵活性和可复用性。 6. 使用ES6的模板字符串来拼接字符串:使用模板字符串可以更方便地拼接字符串,避免繁琐的字符串拼接操作。 7. 使用PropTypes或TypeScript来进行类型检查:使用PropTypes或TypeScript可以帮助我们在开发过程中及时发现潜在的类型错误,提高代码的健壮性和可维护性。 8. 使用React DevTools进行调试:React DevTools是一个强大的调试工具,可以帮助我们分析组件的渲染过程、性能优化和状态管理等问题。 这些小技巧可以使React开发更加高效和优雅。但需要根据具体的项目需求和个人经验选择合适的技巧来应用。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [React 开发必须知道的 34个技巧](https://blog.csdn.net/sinat_17775997/article/details/117035521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值