ES6总结

变量的声明
var全局作用域和函数作用域会变量提升能重复使用
let局部作用域不会变量提升不能重复使用
const局部作用域不会变量提升值类型不能修改

解构

数组

定义:把数组或对象解析为单独的变量

1.基本格式:var[a,b,,c="default",...rest]=arr;
2.逗号代表下一位
3. ...rest  剩余的所有(只能放在最后)
4.可以有默认值
5.交换变量:[a,b]=[b,a];

对象

1.基本格式:var{name,age,say="love you",...rest}=obj;

2.对象解构没有顺序

展开

...arr:arr展开为单独变量

字符串

字符串模板:`${js变量}` 可以换行,可以加特殊符号

遍历for(let i of x);
检测includes(sub); 是否包含
startsWith(sub); 是否以开头
endsWith(sub); 是否以结尾
去空白trim(); 去掉两端的空白
trimLeft(); 去掉左端的空白
trimRight(); 去掉右端的空白
重复repeat(n); 字符串重复n次
填充padStart(7,'0'); 开头填充'0',7次
padEnd(7,'0'); 结尾填充'0',7次

数组高阶方法

forEach 遍历

arr.forEach(function(item,index,self){});

item 当前遍历的元素
index 元素的下标
self 当前数组

map 映射arr.map(function(item,index,self){
            返回一个,映射数组
}) ;
filter 过滤arr.filter(function(item,index,self){
            返回真,当前遍历元素保留
            返回假,当前变量的元素过滤掉
}) ;
reduce 积累arr.reduce(function(a,b){
            a是上一个返回的结果
}) ;
some 有一个有一个返回结果为true最终结果为true
every 每一个每一个返回结果为true最终结果为true
find 查找元素返回第一个符合的元素
findIndex 查找下标返回第一个符合的元素的下标
排序sort((a,b)=>a-b) ;

箭头函数

1. 箭头函数省略functiom
2. =>左边参数
3. 箭头右边 函数体,返回值
4. 传参0个或者2个以上 参数必须加上括号
5. 如果函数体有多行 参数必须加上大括号 如果需要返回值return
6. 如果返回值是个对象则用()包裹对象({})
7. 箭头函数this 指向上一层作用域的this

函数

默认参数function fn(a=10,b=20){}
调用:扩展参fn(...arr)
定义:不定参

function(...args){

}

对象

1.对象简写:变量和值简写
    函数function简写:
    var name = "mumu";
    var obj = {
          name,say(){alert(this.name)}
     }
2.对象动态属性
    {[nick+"msg"]:"你好呀"}

面向对象基本特点:封装;继承;多态;接口

单词extends 继承
constructor 构造函数
super 超类
static 静态
定义类
类方法
class Person{
    constructor(name,age){
         this.name=name;
         this.age=age;
    }
    say(){
         alert("你好")
    }
}
实例化类var p1=new Person()
类中的thisPerson类中的this指向,当前类的实例(p1)
继承class Teach extends Person{
    constructor(name,age,major){
         super();
         this.major=major;
    }
}

模块 module

导入import {name,fun,Square} from './api.js';
import Squar from '.api.js';
inport Sq from '.api.js';
别名as:import * api from ''.api.js'';
            api.name.api.fun();
别名:import Square,{name,fun as fn} from '.api.js';
导出export {name,fun,Square}; 导入多次
export default Square; 默认只能导出一次

Set

定义:没有重复元素的集合(数组)

初始化var s1=new Set();
var s2=new Set([1,2,5]);
添加s1.add()
删除s1.delete()
情况s1.clear()
检测s1.has()
长度s1.size
转数组Array.from(s1)
[...s1]
数组去重arr1=[...new Set(arr)]

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值