返回顶部
首页 > 资讯 > 前端开发 > JavaScript >ES613个新特性总结
  • 762
分享到

ES613个新特性总结

2024-04-02 19:04:59 762人浏览 泡泡鱼
摘要

1. let const let 表示申明变量。const 表示申明常量。 常量定义了就不能改了。对象除外,因为对象指向的地址没变。const在申明是必须被赋值。两者都为块级作用域。

1. let const

let 表示申明变量。const 表示申明常量。

  • 常量定义了就不能改了。对象除外,因为对象指向的地址没变。
  • const在申明是必须被赋值。
  • 两者都为块级作用域。

块级作用域与函数作用域。任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。函数作用域就好理解了,定义在函数中的参数和变量在函数外部是不可见的。

const a = 1
a = 0 //报错

2. 模块字符串``

可以使用反引号``来进行字符拼接。${}

3. 解构

可以使用{}来对数组和对象进行解构。

image

image

4. 函数的参数默认值

函数传参可以有默认值

// es6;
function printText(text = 'default') {
    console.log(text);
}

5. Spread / Rest 操作符 ...

Spread / Rest 操作符指的是 ...,具体是 Spread 还是 Rest 需要看上下文语境。

  • 当被用于迭代器中时,它是一个 Spread 操作符:迭代器 (Iterator)是按照一定的顺序对一个或多个容 器 中的元素行进遍历的一种机制
function foo(x,y,z) {
  console.log(x,y,z);
}
 
let arr = [1,2,3];
foo(...arr); // 1 2 3
  • 当被用于函数传参时,是一个 Rest 操作符:当被用于函数传参时,是一个 Rest 操作符:
function foo(...args) {
  console.log(args);
}
foo( 1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

6. 箭头函数

  • 不需要 function 关键字来创建函数
  • 省略 return 关键字
  • this始终指向函数申明时所在作用域下的this值
//es5
var fun = function() {

}
//es6
var fn = () => {

}

7. for of

  • for of遍历的是键值对中的值
  • for in遍历的是键值对中的键

8. class类

ES6 中支持 class 语法,不过,ES6的class不是新的对象继承模型,它只是原型链的语法糖表现形式。

class Student {
  constructor() {
    console.log("I'm a student.");
  }
 
  study() {
    console.log('study!');
  }
 
  static read() {
    console.log("Reading Now.");
  }
}
 
console.log(typeof Student); // function
let stu = new Student(); // "I'm a student."
stu.study(); // "study!"
stu.read(); // "Reading Now."

9. 导入导出

  • 导入improt
  • 导出export default

10. promise

Promise 用于更优雅地处理异步请求。

  <script>
    new Promise((resolve,reject) => {
      setTimeout(function() {
        resolve('成功了!')
      },1000)
      // reject("失败了,wuwu")
    }).then(data => {
      console.log(data)
    }).catch(err => {
      console.log(err)
    })
  </script>

11. async/await

比promise更好的解决了回调地狱。

async function() {
  awiat fn()
}

12. Symbol

新的基本类型

13. Set集合

存储任何类型的唯一值,即集合中所保存的元素是不重复的。类数组结构。

arr = [1,2,3,1]
let arrNew = new Set(arr)
arrNew = [1,2,3]

类数组不是数组,要转化为数组Array.fORM(arrNew)这样arrNew才是数组了

--结束END--

本文标题: ES613个新特性总结

本文链接: https://lsjlt.com/news/145046.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • ES613个新特性总结
    1. let const let 表示申明变量。const 表示申明常量。 常量定义了就不能改了。对象除外,因为对象指向的地址没变。const在申明是必须被赋值。两者都为块级作用域。...
    99+
    2024-04-02
  • Oracle 11gASM新特性总结
    一.  ASM 快速镜像再同步(ASMFast Mirror Resync) 1.1 无ASM快速镜像再同步时 每当ASM 无法向分配给某个磁盘的区执行写入操作时,就会使该磁盘脱...
    99+
    2024-04-02
  • PHP7新特性的总结
    这篇文章主要介绍“PHP7新特性的总结”,在日常操作中,相信很多人在PHP7新特性的总结问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP7新特性的总结”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!ph...
    99+
    2023-06-14
  • Oracle 数据库12c新特性总结
    本篇内容介绍了“Oracle 数据库12c新特性总结”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  1....
    99+
    2024-04-02
  • Java8新特性:lambda表达式总结
    一、Lambda 表达式的基础语法 Lambda 表达式的基础语法:Java8中引入了一个新的操作符 "->" 该操作符称为箭头操作符或 Lambda 操作符箭头操作符将 La...
    99+
    2024-04-02
  • RxJava 2.x新特性总结整理
    什么是RxJavaRx是异步响应式编程的意思,本质是观察者模式,以观察者和订阅者的异步响应式编程。本文主要介绍了关于RxJava 2.x新特性的相关资料,下面话不多说,来看看详细的介绍吧。背压的分离Flowable/SubscriberFl...
    99+
    2023-05-31
    rxjava2.x 新特性 ava
  • Oracle 数据库12c新特性总结(三)
    【TechTarget中国原创】本文是Oracle数据库12c新特性的系列文章的第三篇,作者将对集群,ASM以及RAC数据库新增和改进方面做一个广泛的介绍。相关阅读:Oracle 数据库12c新特性总...
    99+
    2024-04-02
  • Oracle 数据库12c新特性总结(四)
    【TechTarget中国原创】本文是Oracle数据库12c新特性的系列文章的第四篇,作者将重点介绍一些对开发者而言非常有用的新特性。相关阅读:Oracle 数据库12c新特性总结(一)、Oracl...
    99+
    2024-04-02
  • Win10预览版build 10125新特性总结篇
    Win10预览版10125已经在网上现出了真容,该版本在图标、开始菜单/开始屏幕、任务栏等方面的改进非常明显,增加了许多设置项,并且UI更漂亮,尤其是之前饱受诟病的图标,这次修改后进步很多。值得关注的是,Windows1...
    99+
    2023-06-15
    windows 10 10125 特性 build 总结 预览版 Win10
  • react-router v6新特性总结示例详解
    目录支持嵌套路由Outlet嵌套路由可配置化useNavigate代替useHistory由于之前的项目一直使用的是V5版本,最新新建项目的时候,默认使用的是V6版本,根据官方的介绍...
    99+
    2022-12-26
    react-router v6新特性 react-router v6
  • JavaScript ECMAScript 6(ES2015~ES2022)所有新特性总结
    目录前言ES2015(ES6)let、const关键字和块级作用域函数的扩展数值的扩展字符串的扩展数组的扩展对象的扩展类模块化解构赋值SymbolPromiseIteratorGen...
    99+
    2024-04-02
  • 12C新特性___In-Memory列式存储的总结
    官方文档 https://docs.oracle.com/en/database/oracle/oracle-database/12.2/inmem/concepts-for-the-im-column-s...
    99+
    2024-04-02
  • ORACLE 12C 优化器的一些新特性总结(二)
    Oracle 12c 数据库在优化器方面确实做出了很大进步。在 Oracle 12c 数据库众多特性中,自适应查询优化是较大的功能变化了。它使优化器能够对执行计划进行实时调整。当现有的统...
    99+
    2024-04-02
  • JDK各版本特性总结
    目录 Java SE 1.0 Java SE 1.1 Java SE 1.2 Java SE 1.3 Java SE 1.4 Java SE 5 Java SE 6 Java SE 7 Java SE 8(LTS) Java SE 9 Ja...
    99+
    2023-09-02
    jvm java
  • oracle DG 11g新特性汇总
    这篇文章主要从官方的Oracle 11g Data Guard Concepts and Administration和其它一些资料中摘一些相关的知识,来帮助理解Data Guard的体系结构。 ...
    99+
    2024-04-02
  • java8新特性之stream流中reduce()求和知识总结
    1.stream().reduce()单字段求和 (1)普通数字求和 public static void test2(){ List<Integer&g...
    99+
    2024-04-02
  • Oracle 12c 两个新特性
    1. ALTER DATABASE MOVE DATAFILE 可以在线迁移数据文件到新路径,system表空间也可以move。 SYS@czh29c > alter&nb...
    99+
    2024-04-02
  • 一文聊聊php5.6的特性【总结】
    本篇文章带大家聊聊php5.6的特性(常量作为函数参数默认值、可变函数参数、命名空间等等),有需要的可以看看,希望对大家有所帮助!更好的常量定义常量时允许使用之前定义的常量进行计算:const A = 2; const B = A + 1;...
    99+
    2022-08-08
    php5.6 php
  • 一文聊聊php5.4的特性【总结】
    本篇文章带大家聊聊php5.4的特性(Short Open Tag、数组简写形式、Traits等等),有需要的可以看看,希望对大家有所帮助!Short Open TagShort Open Tag 自 PHP5.4 起总是可用。在这里集中讲...
    99+
    2022-08-08
    php php5.4
  • Vue3.2单文件组件setup的语法糖与新特性总结
    目录前言setup语法糖一、基本用法二、data和methods三、计算属性computed四、监听器watch、watchEffect五、自定义指令directive六、impor...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作