箭头函数

  1. // ES6 允许使用 ·箭头· (=>) 定义函数
  2.   // 声明一个函数
  3.   //
  4.   // let fn = (a, b) => {
  5.   //   return a + b
  6.   // }
  7.   //
  8.   // console.log(fn(1, 2))
  10.   // 1.this 是静态的， this 始终指向函数声明时所在作用域下的 this 的值
  11.   function getName() {
  12.     console.log(this.name)
  13.   }
  15.   let getName2 = () => {
  16.     console.log(this.name)
  17.   }
  19.   // 设置 window 对象的 name 属性
  20.   window.name = '尚硅谷'
  21.   const school = {
  22.     name: 'ATGUIGU'
  23.   }
  25.   //直接调用
  26.   // getName()
  27.   // getName2()
  29.   //call 方法调用
  30.   getName.call(school)
  31.   getName2.call(school)
  34.   // 2.不能作为构造实例化对象
  35.   // let Person = (name, age) => {
  36.   //   this.name = name
  37.   //   this.age = age
  38.   // }
  39.   //
  40.   // let me = new Person('xiao',30)
  41.   // console.log(me)
  43.   // 3.不能使用 arguments 变量
  44.   // let fn = () => {
  45.   //   console.log(arguments)
  46.   // }
  47.   //
  48.   // fn(1,2,3)
  50.   // 4.箭头函数的简写
  51.     // 1.省略小括号，当形参有且只有一个的时候
  52.     // let add = n => {
  53.     //   return n + n
  54.     // }
  55.     // console.log(add(9))
  56.     // 2.省略花括号，当代码体只有一条语句的时候,此时 return 必须省略
  57.     // 而且语句的执行结果就是函数的返回值
  58.     let pow = n => n*n
  59.     console.log(pow(9))