ES6语法学习笔记

ES6语法

let和const命令

let:变量 const:常量

模版字符串

以前： 我们都是使用 ‘’ 或者 “” 来把字符串套起来

现在： `` 【反引号】

 var str2 = `我名字叫 ${username},年龄是: ${age}`;
 console.log(str2);

函数默认参数与箭头函数

 // 默认参数 给参数列表设定初始值
 function add(a =100,b=100) {
 console.log(a,b);    
 }
 // 执行方法，会用默认值填充，打印出来100,200
 add();
 // 覆盖默认值打印  结果是1，2      
 add(1,2);

箭头函数

/*
箭头函数最直观的三个特点。
    1不需要function关键字来创建函数
    2省略return关键字
    3继承当前上下文的 this 关键字
*/
var sum = (a,b)=>a+b
console.log(sum(100,100));

对象初始化简写

     // 发送ajax
        $.ajax({
            type: "post",
            // 对象简写
            data: { username, password },
            // 原始写法
            //data:{username:username,password:password},
            success() {
            }
        });

对象解构

es6提供一些获取快捷获取对象属性和行为方式

    var person = {
    name:'zhangsan',
    age:32,
    language:"cn",
    }
    // ===========================传统的做法========================
    var name = person.name;
    var age = person.age;
    // ===========================对象解构做法========================
    //es6的做法 前提：默认情况name,age必须是jsonkey.
    var {name,age} = person;
    console.log(name,age);
    // 可以用冒号取小名
    var {name,age,language:lan} = person;
    console.log(name,age,lan);

传播操作符【…】

  // 1： 定义一个对象
  var person1 = {
            name: '小飞飞',
            age: 16,
        };
  // 2： 对象解构
  var {name,age} = person1;
  // =========================== ... 对象融合=====================
  var person2 = {
            ...person1,
            gender:1,
            tel:13478900
        };
 console.log(person2);
 // =========================== ... 对象取值=====================
        // ... 对象取值
        var person3 = {
            name:"李四",
            gender:1,
            tel:"11111",
            address:'广州'
        };
         var {name,gender,...person4} = person3;
        console.log(person4)

        

数组map和reduce方法使用(了解)

方法可以将原数组中的所有元素通过一个函数进行处理并放入到一个新数组中并返回该新数组。

接收一个函数（必须）和一个初始值（可选），该函数接收两个参数：

• 第一个参数是上一次reduce处理的结果
• 第二个参数是数组中要处理的下一个元素
  reduce() 会从左到右依次把数组中的元素用reduce处理，并把处理的结果作为下次reduce的第一个参数。如果是 第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数

 let arr = ['1', '20', '-5', '3'];
        console.log(arr)
        // 1:数据类型的更改 map自身循环的功能
        // 2:map方法可以将原数组中的所有元素通过一个函数进行处理并放入到一个新数组中并返回该新数组。
        var newarr = arr.map(function (value) {
            return parseInt(value) * 2;
        });
        /* 
        // 箭头简化01
        var newarr = arr.map(value=>{
            return parseInt(value) * 2;
        });
        // 箭头简化02
        var newarr = arr.map(value => parseInt(value) * 2);
         ------------------------------------------------------------------------
       //reduce 计算方法 
        let arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        // 箭头写法 -- 1到10相加 
        var result = arr2.reduce((a, b) => a + b);
        // 原始写法  -- 1到10相加
        //var result = arr2.reduce(function(a,b){
        //    return a+b;
        //})