栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

es6中简单常用的新特性

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

es6中简单常用的新特性

let、const 和var
// var可以定义变量和常量
// const用来定义常量,let用来定义变量,防止变量穿透
for(let i = 0;i < 5;i++){
  console.log(i);
}
//则会报错,显示i未定义,如果用var则会变量穿透
console.log(i)
新的字符串拼接方式
    // 字符串会涉及到动态部分
    var person = {
        name: "Jing",
        address: "河南",
        link: "https://www.jing.com"
    }
    let address = "我是"+person.name+"我在"+person.address+"我正在学习"+person.link;
     console.log(address)
    // es6的模范字符串写法
    let address2 = `我是${person.name}我在${person.address}我正在学习${person.link}`
    console.log(address2)
可以给函数添加默认参数
    // 函数默认参数(如果只传输一个,则另一个会使用默认值)
    function add(a=100,b=100){
        return a+b;
    }
    // 如果只传输一个参数的话,另外一个就是默认参数
    console.log(add(1))
箭头函数,就像Java中的lambda
// 定义一个数组将数组中的每一个元素乘以2
var arr = [1,2,3,4,5];
var result = arr.map((a)=>a*2);
console.log(result);
对象的简写方式
// 以前对象的写法  
let info = {
      title: "郑州",
      link: "https://jing.com",
      go: function (){
          console.log("Hello")
      }
  }
  // es6 简写
  // 因为对象是key:value存在
  // 1: 如果key和变量名字一致,可以指定一次即可
  // 2: 如果value是一个函数,可以把`:function`去掉,只剩下()即可
  let title = "郑州";
  let link = "https://jing.com";
  let info2 = {
      title,
      link,
      go(){
          console.log("Hello")
      }
  }
  console.log(info2)
  console.log(info2.title)
  console.log(info2.link)
  info2.go();
获取对象属性的几种新方式
// 编写一个对象
let name = '齐菁菁'
let age = 12;
let address = '郑州'
let person = {
    name,
    age,
    address,
    go(){
        console.log("Hello,NodeJs")
    }
}
// 用.的方式
console.log(person.name,person.age,person.address)
// 用[]的方式
console.log(person['name'],person['age'],person['address'])
person['go']();
// es6 中快速获取属性方法的一种形式
let {name,age,address,go} = person;
console.log(name,age,address);
go();
对象之间的传播解构
let person = {
    name: "qijingjing",
    address: "郑州",
    phone: 1234567,
    go(){
        console.log("开始上学了")
    }
}
// 解构出来(把剩下的取出来给另外一个对象)
let {name,address,...person2} = person;
console.log(name,address,person2,person2)
数组中map与reduce的使用
// 新建一个数组
let number = [1,3,3,4];
// 对所有数组乘以2赋值到新数组
let newarr = [];
// 1.传统的方式
for(let i = 0;ia*2);
console.log(newNumber)
// map处理对象的数据
let users = [{age:10,name:'小李'},{age:12,name:'小王'},{age:9,name:'小红'}]
let newUsers = users.map(function (a){
    a.age+=1;
    // 可以给对象增加一个属性
    a.flag = true;
    return a;
})
console.log(newUsers)

// ---------reduce的使用

let arr = [1,2,3,4,5,6];
// 计算数组里面所有元素相加
let number = arr.reduce((a, b)=>a+b);
console.log(number)

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/763389.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号