es6解构赋值

最新推荐文章于 2022-07-08 20:24:02 发布

原创最新推荐文章于 2022-07-08 20:24:02 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

javascript/es6/es7 专栏收录该内容

51 篇文章

订阅专栏

本文深入探讨了ES6中解构赋值的使用方法，包括对象和数组的解构，展示了如何通过解构赋值简化代码，提高代码的可读性和效率。

解构赋值
如对象解构

 // es6 
 const electron = require('electron')
 const { app, BrowserWindow } = electron
 let win
 app.on('ready', () => {
   win = new BrowserWindow()
   win.loadURL('https://github.com')
 })
 
 // 相当于es5

 const electron = require('electron')
 const app = electron.app
 const BrowserWindow = electron.BrowserWindow
 let win
 app.on('ready', () => {
   win = new BrowserWindow()
   win.loadURL('https://github.com')
 })

数组的解构

// es5 Dirty
const locale = 'zh-CN';
const splitLocale = locale.split('-');
const language = splitLocale[0];
const country = splitLocale[1];
// es6 Clean
const [language, country] = locale.split('-');