Skip to content

1. 箭头函数

javascript
const fn = function(){
    console.log(123)
}
// const res = fn()
// console.log(res)

// ECMASCript 6  ES 2015.6 月  ==> ES6 
//                  2016       ==> ES7


// 1. 箭头函数
const fn1 = () => {
    console.log(123)
}
fn1()
// 传参 
const fn2 = (x) => {
    console.log(x)
}
fn2(666)

// 2. 只有一个形参的时候,可以省略小括号
const fn3 = x => {
    console.log(x)
}
fn3(777)

// 3. 只有一行代码的时候, 可以省略大括号{}
const fn4 = x => console.log(x)
fn4(888)

// 4. 只有一行代码的时候,可以省略return
// 如果函数中有return,
const fn5 = function(x){
    return x + x
}
const fn6 = x => x + x 
console.log(fn6(666))

// 5. 箭头函数可以直接返回一个对象,但是这个对象必须用小括号包起来
const fn7 = function(name){
    return {name:name, age:18} 
}
const res7 = fn7('周杰伦')
console.log(res7)

const fn8 = name => ({name, age:18})
console.log(fn8('周杰伦'))