超简单ES6文章

PART   01

ES6概述

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。

PART 02

let与const关键字

0. let声明和 var 声明变量差不多
1. 在一对大{} 里面起作用
2. 不能重复声明
3. 不会变量提升
什么是变量提升：用var 声明变量 ，变量的使用在变量声明前 默认值是undefined

  0. const 和var 差不多
1. 通常用来声明常量的 建议大写
2. 声明必须赋值
3. 声明后不能修改*(复杂数据可以修改 数组)

 

PART  03

解构

数组解构案列

 

 

 

 

 

 

对象解析

 

 

PART  04

字符串

字符串模板给字符串拼接带来了极大的方便

let name = "曾木木";

let age = "18";

let m = `我的名字是${name},${age}`;

console.log(m);

includes 包含    /    startsWith 以..开头    /   endWith 以结尾

let str = "string";

console.log('includes',str.includes("c"));

console.log('start',str.startsWith('str'));

console.log('end',str.endsWith('ng'));

 repa

let str = "我爱你！";

console.log(str.repeat(3));

padStart / padEnd

console.log('1'.padStart(4,'0'));

console.log('1'.padEnd(2,'0'))

PART 05

函数

ES6 中，箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体：

  多个参数 或者没有 都用括号包起来

var arr3 = ["mumu","zql","曾庆林"];
arr3.forEach(

        (item,index,self) => console.log(item,index,self)

    )

执行语句有多个的时候 用{}包括起来

var arr4 = [70,33,52,89,14,80,87];
var arr5 = arr4.filter(

        item => {

            if(item>=70){return true}

            else{return false}

        }

    )

箭头函数this 指的是函数上一层的this

var obj = {

            age:16,

            grow:function(){

                setTimeout(()=>{

                    this.age++;

                    console.log("我的年纪是"+this.age)

                })

            }

        }

obj.grow();

函数默认参数

 function say (age=18){

        alert("大家好我今年"+age+"岁了")

     } 

say();

say(16);

函数不定参

function add(...arg){

        var total = 0; // 总数

        arg.forEach(item=>total+=item);

 }

add(1,2);

add(2,3,4);

add(2,1,1,6);

PART  06

对象

对象简写

let color="白色";

let name = "Kitty";

let cat = {color,name};

console.log(cat)

函数简写与动态属性值

var obj = {

name:"木木",

["nick"+"name"]:"小木木",

say(){alert(this.name)}

}

super方法