ES6 的 Javascript 编码方式！

JavaScript 是一种极其快速高效的编程语言，可用于各种用途。如今，各种类型的软件都使用 JavaScript，包括 Web 应用、3D 游戏、机器人、物联网设备等等。

早在 2007 年，StackOverflow 创始人 Jeff Atwood 就曾提出，JavaScript 将在 Web 开发中扮演更重要的角色。Atwood 创造了“JavaScript”一词Atwood’s Law，其含义如下：

任何可以用 JavaScript 编写的应用程序最终都将用 JavaScript 编写。

十年过去了，Atwood 的这番话比以往任何时候都更加正确。JavaScript 正持续获得越来越多的采用。JavaScript 的“下一代”版本被称为 ES6。ES6 是 JavaScript 迄今为止最出色、最重大的更新。它简化了 JavaScript 开发，甚至差点毁掉了 jQuery 的职业生涯。ES6 的主要优势在于它能够让你写更少的代码，实现更多的事情。
在本文中，我将探讨 ES6 与 ES5 之间的六大主要区别。让我们一起来看看。

箭头函数：少写多做

ES5 方式

function add(a,b){ 
    return a+b
}
console.log(add(2,3))
//OUTPUT: 5

ES6 方式

const add = (a,b)=> a+b
console.log(add(2,3))
//OUTPUT: 5

如果您不想错误地重新分配“元素变量”，请使用 const。

ES5 方式

var element = document.getElementById('myForm')

ES6 方式

const element= document.getElementById('myForm')

解构：少写多做！

ES5 方式

var user = {
    name "Ritesh Kumar", 
    username: "@0xRitesh"
}
const name = user.name
const username user.username

ES6 方式

var user = {
    name "Ritesh Kumar".
    username: "@0xRitesh"
}
const {name,username} = user

模板字符串

ES5 方式

function getUsertMessage(name,country){
    console.log('Hi, my name is '+ name+ ',and I am from '+ country)
}
logUserMessage('Ritesh, 'India')

ES6 方式

function logUserMessage(name,country){
    console.log(`Hi, my name is ${name}, and I am from ${country}`)
}
logUserMessage('Ritesh', 'India')

改进对象字面量

ES5 方式

function getUserObj ( name, age, address){
    return {
        name: name,
        age: age,
        address: address
        }
}

ES6 方式

function getUserObj ( name, age, address){
    return {
        name,
        age,
        address
        }
}

默认参数

ES5 方式

function ES5Fun( username, platform){
    username, = username, || '@wordssaysalot';
    platform = platform || 'Dev';
}

ES6 方式

function ES6Fun( username = '@wordssaysalot' , platform= 'Dev') {
}

结论

感谢阅读本文！希望本文对大家有所帮助，也希望能够向大家介绍一些 ES6 的特性。

鏂囩珷鏉ユ簮锛�https://dev.to/wordssaysalot/es6-way-of-coding-javascript-2kl2