成为VIP
const和let
const是ES6中用于声明变量的新关键字。const比…更强大var。一旦使用，变量不能被重新分配。换句话说，它是一个不可变的变量。
这对于选择器的定位非常有用。例如，当我们有一个触发事件的按钮，或者当您想要在JavaScript中选择一个HTML元素时，请使用const而不是var。这是因为var’悬挂’。const当不想重新分配变量时，最好使用它。
在上面的代码中，const不会更改，也不会被重新分配。如果你试图给它一个新的值，它会返回一个错误。
let可以被重新分配并获得新的价值。它创建一个可变的变量。
let与const两者都是封闭范围相同。这意味着该变量仅在其范围内可用。
箭头功能
箭头功能非常棒，让你的代码更具可读性，更结构化，看起来像现代代码。而不是使用这个：
用这个：
正如你所看到的，箭头函数似乎更具可读性和干净性！您不再需要使用旧的语法。
此外，您还可以使用箭头函数map，filter以及reduce 内置的功能。
模板文字
模板文字或模板字符串非常酷。我们不必使用plus（+）运算符来连接字符串，或者当我们想要在字符串中使用变量时。
旧的语法：
使用新的ES6语法：
默认参数
所以，当你忘记写参数时，它不会返回一个未定义的错误，因为这个参数已经在默认中定义了。所以当你用缺少的参数运行你的函数时，它将采用默认参数的值t，并且不会返回错误！
看看这个例子：
上面的函数返回undefinedjs箭头函数，因为我们忘了给它第二个参数age。
但是如果我们使用默认参数，它将不会返回undefined，并且当我们忘记分配参数时它将使用它的值！
正如你所看到的，即使我们错过了第二个参数，函数也会返回一个值。现在使用默认参数，我们可以提前处理错误。
数组和对象
旧的语法：
使用ES6语法：
ES5，我们必须为每个变量分配每个值。有了ES6，我们只需将我们的值放在大括号内即可获得对象的任何属性。
注意： 如果您分配的变量与属性名称不同，它将返回未定义的。例如，如果属性的名称是name，我们将其分配给一个username 变量， 它将返回未定义。
我们总是必须将该变量命名为该属性的名称。但是，如果我们想重命名变量，我们可以使用冒号 :代替。
对于数组，我们使用与对象相同的语法。我们只需用方括号替换大括号。
Import and export
在你的JavaScript应用程序中使用import和 export使它更强大。它们允许您创建单独的可重用组件。
如果您熟悉任何JavaScript MVC框架，您将会看到他们大多数时间使用import和export处理组件。那么他们如何真正的工作？
很简单！export允许您导出要在另一个JavaScript组件中使用的模块。我们使用import导入该模块以在组件中使用它。
例如，我们有两个文件。第一个被命名detailComponent.js ，第二个被命名。 homeComponent.js
在detailComponent.js 我们将要导出的detail功能。
如果我们想使用homeComponent.js中的这个函数， 我们只会使用import。
如果我们想要导入多个模块，我们只需将它们放在大括号内。
Promises
Promises是ES6的一项新功能。这是一种编写异步代码的方法。例如，当我们想从API中获取数据，或者当我们有一个需要时间执行的函数时js箭头函数，可以使用它。
如果我们想要在获取数据后执行一个函数，我们将使用Promise。Promise需要两个参数：resolve并reject处理预期的错误。
注意：获取函数本身返回一个Promise！
const url=’https://jsonplaceholder.typicode.com/posts’;
const getData=(url)=>{
return fetch(url);
}
getData(url).
then(data=> data.json()).
then(result=> console.log(result));
现在，如果您登录您的控制台，它将返回一组数据。
Rest参数和Spread运算符
rest 参数用于获取数组的参数, 并返回一个新数组。
我们可以使用Spread参数来获取数组的值，而不是使用for循环或任何其他方法。
const arr=[‘said’,20,’JavaScript enthusiast’,’Hi’,’Said’,’How are you?’];
const Func=(…anArray)=>{
return anArray;
}
console.log(Func(arr));
//output [“said”, 20, “JavaScript enthusiast”, “Hi”, “Said”, “How are you?”
类
类是面向对象编程（OOP）的核心。
要创建一个类，请使用class关键字后跟带有两个大括号的类名称。
现在我们可以class使用new关键字访问方法和属性。
class myClass{
constructor(name,age){
this.name=name;
this.age=age;
}
}
const Home= new myClass(“said”,20);
console.log(Home.name)// said
要从另一个类继承，请使用extends关键字，后跟要继承的类的名称
限时特惠：本站每日持续更新海量设计资源，一年会员只需29.9元，全站资源免费下载
站长微信：ziyuanshu688
htebazile
