lovecoding
/
VIP24


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <script>
    /* 
      箭头函数和普通函数的区别:
      1.普通函数调用this  ->  window
      2.箭头函数 指向声明时的this  (父作用域)  
        箭头函数内部使用的this值是定义时所在作用域的this值
      3.箭头函数 不能new
      4.箭头函数 可以用rest  但是不能用arguments
      5.箭头函数 不用return  表达式的结果 会自动作为返回值返回
    */
    /* !-- function fn() {

    }  */


    // var fn = () => {
    //   console.log(111)
    // }
    // fn()

    // var aLi = document.getElementsByTagName('li')
    // for (var i = 0; i < aLi.length; i++) {
    //   aLi[i].onclick = function () {
    //     // setTimeout(function(){
    //     //   console.log(this)
    //     // }.bind(this),1000)

    //     setTimeout(() => {
    //       console.log(this)
    //     }, 1000)
    //   }
    // }

    /* var person = {
      name: 'zs',
      age: 18,
      eat: function(){
        // console.log(this)
        setTimeout(function(){
          console.log(this)
        }.bind(this),1000)
        // setTimeout(()=>{
        //   console.log(this)
        // },1000)
      }
    }
    person.eat() */


    /* 构造函数  new
    箭头函数 不能作为构造函数  不能去new
    */

    /* var Person = (name)=>{
      this.name = name
    }
    var p1 = new Person('zs')
    console.log(p1) */


    const fn = ()=>{
      // console.log(a,...rest)
      console.log(arguments)
    }
    fn(1,2,3)
  </script>
</body>

</html>