ES 6 基本语法

ES 6 基本语法

1 对象简写

• 对象简写
  • 规则1：变量名和key如果重名，变量名可省略，且key不能使用引号
  • 规则2：如果值是函数，“: function” 可省略

// 1 对象简写

// 1.1 回顾 js对象格式
// 1.1.1 定义：
var username = 'jack'
var password = '6666'
var obj = {
    "username": username,
    "password": password,
    getAge: function() {
        console.info('年龄18')
    }
}
// 1.1.2 调用
console.info(obj.username)
obj.getAge()

// 1.2 对象简写
// 规则1：变量名和key如果重名，变量名可省略，且key不能使用引号
// 规则2：如果值是函数，“: function” 可省略

var obj2 = {
    username,
    password,
    getAge() {
        console.info('年龄19')
    }
}
console.info(obj2.username)
obj2.getAge()

2 箭头函数

• 箭头函数标准格式

  var e1 = (x) => {
      return x * x
  }
  

• 省略格式：

  • 省略1：参数列表只有一个，小括号可省略
  • 省略2：如果函数体只有一条语句，大括号可省略。如果此语句是return语句，return关键字必须省略。

  var e2 = x => x*x
  

// 箭头函数：简单理解，对匿名函数的省略写法。

//1.1 回顾 函数定义   function 函数名(参数列表) { ... }
function show() {

}

//1.2 回顾 匿名函数的定义   var 别名 = function() {}
var a = function () {
    console.info("a函数")
}
a()

// 箭头函数的标准语法
var b = () => {
    console.info("b函数")
}
b()


// 1.3 定义带参数的
var c = (s1,s2) => {
    console.info(`c函数: ${s1} , ${s2} `)
}
c('a','b')


// 1.4.1 省略1：参数列表只有一个，小括号可省略
var d1 = s1 => {
    console.info(`d1函数: ${s1} `)
}
d1('6呀')


// 1.4.2 省略2：如果函数体只有一条语句，大括号可省略。如果此语句是return语句，return关键字必须省略。
var d2 = () => console.info(`d2函数 `)
d2()

var d3 = () =>  "哈哈"

console.info( d3() )


// 1.4.3 省略的整合写法：一个参数、一个返回语句，且是return语句
// 标准写法
var e1 = (x) => {
    return x * x
}
console.info( e1(5) )

// 省略写法
var e2 = x => x*x
console.info( e2(6) )

3 循环遍历

// 循环遍历

var arr = ['暄桑','潘酱','O桑']

//1 普通循环
for(var i = 0 ; i < arr.length ; i ++) {
    console.info(arr[i])
}

//2 使用map()处理数据
// map() : 对已有数组数据的再加工，返回一个新数组。
var newArr = arr.map( (s) => { return s.toLowerCase() } ).reverse().join('-->')
console.info(newArr)

//3 数据遍历forEach() 函数
arr.forEach( s => console.info(s) )