zxpnet网站 zxpnet网站
首页
前端
后端服务器
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

zxpnet

一个爱学习的java开发攻城狮
首页
前端
后端服务器
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 大前端课程视频归档
  • html

  • js

  • 前端框架

  • 自动化构建

  • typescript

  • es6

    • es6基础
      • 1.let和const
      • 2.数组、对象的解构赋值
      • 3.字符串模板
      • 4.数组扩展用法
      • 5.对象扩展用法
      • super关键字用法
  • bootstrap

  • layer

  • vue

  • vue3

  • vuepress

  • hexo博客

  • 文档

  • biz业务

  • frontend
  • es6
shollin
2021-06-03
目录

es6基础

  • 1.let和const
  • 2.数组、对象的解构赋值
  • 3.字符串模板
  • 4.数组扩展用法
  • 5.对象扩展用法
  • super关键字用法

# 1.let和const

  • 都具有块级作用域
  • const定义的值不可变

# 2.数组、对象的解构赋值

  • 按一定的模式从数组和对象、字符串中提取值
  • 赋值时可以指定默认值

# 3.字符串模板

# 4.数组扩展用法

  • ...是扩展运算符,将数组转为用逗号分隔的参数序列
  • 抛弃apply来转换数组为参数序列的方法
  • 复制数组 arr_new=[...arr_old]
  • 合并数组 [1, 2, ...more]
  • 将字符串转为真正的数组 [...'hello'] // [ "h", "e", "l", "l", "o" ]
  • Array.form() 将类数组和可遍历对象(set和map)转为数组

# 5.对象扩展用法

  • 可以在对象中直接写入变量和函数,作为对象的属性和方法
  • 对象中的方法可以简写
  const o = {
        method() {
          return "Hello!";
        }
  };
1
2
3
4
5
  • Object.is() 比较两个值是否严格相等
  • Object.assign 用于对象合并 方法的第一个参数是目标对象,后面的参数都是源对象;这种拷贝方式是浅拷贝,如果有引用值,那么拷贝的只是引用
  • Object.values(),Object.entries()

# super关键字用法

class B extends A {
    constructor(){
        super()
    }
    test(){
        super.a_test()
    }
}
1
2
3
4
5
6
7
8

建立class时,当且仅当“使用了extends关键字并指定了constructor函数”,super关键字必须以super([arg1[, arg2... argN]])的形式使用一次。此时super([arg1[, arg2... argN]])相当于创建了一个对象,且以该对象为context调用extends关键字指示的函数--A(以new的形式),随后这个对象成为constructor函数的context。因此super([arg1[, arg2... argN]])必须出现在constructor函数内的第一个this关键字之前,否则会报“this is not defined”的ReferenceError。这段解释转自知乎-长波 当在B语句块内的test函数中使用super时,super表示该函数B的[[prototype]],也就是B的原型对象,本例中即A。

typescript语法精讲
adminlte框架

← typescript语法精讲 adminlte框架→

最近更新
01
国际象棋
09-15
02
成语
09-15
03
自然拼读
09-15
更多文章>
Theme by Vdoing | Copyright © 2019-2023 zxpnet | 粤ICP备14079330号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式