欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6入门

程序员文章站 2022-07-05 14:00:33
...

Es6复习

  1. 什么是ES6.
    泛指ECMAScript2015后的版本,也指的ECMAScript的下一代版本。

  2. ES中声明变量有几种方式?

  • var name = “”;
  • let age = 18;
  • const PI = 3.14;

let 和 const提供了块级作用域,安全
let的典型用法:
+ 循环:
+ 使用ES5闭包的地方

  1. 什么是解构?ES6都提供了哪些类型的解构?
    从数组或者对象中提取值给变量进行赋值,称为解构(Destructuring)。
  • 数组结构 : let [a,b,…c] = [4,7,9,0,20];
  • 对象解构 : let {name:username, age} = {name:‘aptech’, age:18, nickName:‘小黑’};
  • 字符串解构 : let [,c] = ‘hello’;
  • 函数参数 :
    function hello([x,y=7]){} hello([4,5]);
    function world({a,b}){}; world({a:8, b:90});
  1. 对象扩展
  • 数组扩展
    • 提供了很多方法供你使用:push, splice, forEach, filter…
    • 循环: for(let n of array)
  • 函数参数:REST参数
    • function sum(…values){}
    • rest参数必须是函数的最后一个参数
    • 数组类型
  • 箭头函数
    • 其实就是函数的一种缩写方式:
      • function hello(){}
      • let hello = ()=>{}
    • 一般作为匿名函数使用,语法更加简洁
    • 可以传递当前作用域到箭头函数中 this
  1. class 和 继承
  • ES5通过 function(Constructor) prototype ,不太符合Java或者C#面向对象的编程习惯
  • 语法糖
  • 如何定义一个类
class Person extends Animal{
    constructor(){
        this.name = '';
        this.age = 0;
    }
    showInfo(){}
}
相关标签: Es6复习 Es6入门