ES6新特性详解：类、模块、箭头函数与更多-CSDN博客

这篇博客深入探讨了ES6中的新特性，包括使用class定义类、export和import进行模块管理、箭头函数的简洁语法、模板字符串的便利以及对象的解构赋值和扩展运算符。此外，还介绍了函数默认参数、let和const的作用域特性，展示了JavaScript语言的现代进化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

calss
class是ES6提供的更接近于传统语言的的写法,作为对象的模板.通过class关键字,可以定义类
class写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向对象编程的语法
module
export 导出，给出对外可以导入使用的权限
// 一般方法的导出
function a(){}
let b=10
export {a,b}
import{a as funb,b} from './export/index.js'
// 默认导出
export default function a(){}
import model1 from 'modelsss'
improt 导入，将要用的模块导入到本地使用
箭头函数
()=>{}
可以是return多个表达式或者直接返回表达式结果
模板字符串
`my name id ${name}`
延展字符串(...)
let [str] = '123'
console.log(str)

let obj1 = {name:'zhangsan',age:20,sex:'man'}
let obj2 = {a:'a',b:'b',...obj1}
console.log(obj2)
解构赋值
let x= [10,50,100],y = 20
let [a,b,c] = [...x,y]
console.log(a)
console.log(b)
console.log(c)

let x= [10,50,100],y = 20
let [a,b,...c] = [...x,y]
console.log(a)
console.log(b)
console.log(c)
对象缩写
对象中的方法的function可以省略
对象中的同名属性可以省略
函数默认值
function getMessage(name = 'zhangsan',age='20'){
console.log( `name: ${name} age: ${age}`)
}
getMessage()
getMessage('wangwu')
getMessage('lisi',28)

let const
var和let和const的关系

es6的新特性