master

分支 (1)

管理

管理

master

test-warehouse
/
01_ES6_01.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta name="google" content="notranslate" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <title>Document</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
</head>

<body>
  <script>
    // console.log(a);
    // var a = 1;

    // console.log(a);
    // let a = 1;

    // const 定义的常量值为基本数据类型时，值一旦定义就不能修改
    // const a = 1;
    // a = 3;

    // const 定义的常量如果为引用数据类型时
    // 该对象的值可以修改
    // const a = {
    //   name: 'zhangsan',
    //   age: 18
    // }

    // a.age = 20;

    // console.log(a);

    // arr = [0, 2, 3];

    // let a = arr[0];
    // let b = arr[1];

    // let a, b, c;
    // let [b, a, c] = arr
    // console.log(a, b, c, d)

    // const obj = {
    //   name: 'zhagnsan',
    //   age: 18,
    //   sex: 1
    // }

    // let { sex, name: _name } = obj
    // console.log(sex, name);
    // console.log(sex, _name);

    // let [a, b] = 'fasdfadsf'
    // console.log(a, b);

    // axios().then(res => {
    //   const { data } = res
    // })

    // (num1, num2) => num1 + num2

    // function(num1,num2){

    //   return num1+num2
    // }

    /**
     * this 指向
     *  - 普通函数调用时，this 指向全局window对象
     *  - 以对象的方法调用时，this 指向调用方法的对象
     *  - 以构造函数方式调用时，this 指向实例化对象
     *  - 如果以箭头函数方式调用，this 指向上一级作用域的 this
     */

    // function add(name, sex) {
    //   this.name = name;
    //   this.sex = sex;
    //   console.log(this);
    // }

    // const obj = {
    //   add: add
    // }

    // add();

    // obj.add();

    // let _add = new add('zhangsan', 1);

    // const add = () => {
    //   console.log(this)
    // }

    // const obj = {
    //   add: () => {
    //     console.log(this);
    //   }
    // }

    // add();

    // obj.add();

    // function add(name, sex) {
    //   this.name = name;
    //   this.sex = sex;
    //   console.log(this);

    //   function add01() {
    //     console.log(this)
    //   }

    //   // const add01 = () => {

    //   // }

    //   add01();
    // }

    // add();

    const obj = {
      name: 'zhangsan',
      sex: 1
    }

    function show() {
      console.log(this);
      // return function () {
      //   console.log(this);
      // }
      return () => {
        console.log(this);
      }
    }

    let fn = show.call(obj);
    fn();


  </script>
</body>

</html>