class 用法 函数变量的作用域

  函数变量的作用域

    1. 函数体内声明的变量

    2. 参数中的变量

      没有赋值的  function fn(a){}

      赋值的,值不是变量  function fn(a=45){}

      赋的值为变量  function fn(a=m){}

    参数执行的时候,先给形参赋值,形参也是私有变量,如果给形参赋的值也是变量,先看这个变量是不是私有的(不是针对函数体内,只针对形参,还跟形参的顺序有关),是私有的直接使用,

  如果不是私有的,变量找全局的,如果全局没有报错

  注意:给形参的赋的变量于形参同名  function fn(a=a)  会出现暂时性死区  因为:形参没有变量提升

  class 类的由来

    class 的作用:

      1. 定义类的

      2. 没有变量提升

  案例:

    class Person{

      constructor(){

        // constructor 的作用:添加的私有属性 都在这里

      }

      fn(){

        // 默认原型上的属性都在这里

      }

      static mn(){

        // 类上面的方法 需要通过 static 来定义;对象访问不到的方法

      }

    }

  注意: 用类 class 上必须写 constructor 

  class 

    1. 在 class 类 添加的属性都是在 原型 prototype 上添加的

    2. new 实例的时候,其实就是调用构造函数这个方法

    3. 类的本质,就是一个函数

    4. 类中的 this 指向实例对象

    5. 添加的私有属性都在构造函数中 constructor 添加

    6. 每个构造方法都会默认返回实例对象 this ,如果人为改变 return ,返回值返回的基本数据类型,如 字符串、数字等不会改变,如果返回的是引用数据类型,那么return this 就会失效,

      变成的你的返回结果

    7. 静态的方法,在方法名前面加上 static 关键字,那么这个方法就变成类的私有方法,就得用 类.方法()

  继承:extends

    子类可以继承父类,使用 extends 关键字

    代码块需要使用 super 关键字

    constructor 子类构造函数第一行,必须是 super(),super 关键字,在构造函数里面,代表父类构造函数,

    如果在原型函数里,super 代表父类的原型

    在静态方法中,super  代表父类本身;

  案例:

    class Person{

      constructor(){}

      fn(){}

      static mn(){}

    }

    class Son extends Person{

      constructor(){

        super()  //必须调用,代表

      }

      fn(){

        super  // 代表父类原型的方法

      }

      static mn(){

        super  // 代表父类的私有方法 用 static 定义的方法

      }

    }

  如果 子类构造函数 不使用 super() 那么他的构造函数里的 this 不起作用,子类的 this 要通过父类的构造函数进行塑造;

  所以,在子类的 constructor 使用 this 前,一定要调用 super() 

  supper 既可以充当函数,又可以充当对象;

  充当函数时,只能在子类构造函数中使用,且必须放在第一行调用,指向父类构造函数

  充当对象中

    放在普通函数中,super 指向父类的原型

    放在静态方法中,super 执行当前父类本身

  只有 super 调用之后,子类才可以使用 this 关键字,指向子类的实例对象;

  module  (es6 模块设计思想,尽量保持静态化)

    es6 使用 export 对外暴露接口

      使用 iimport 引入其他模块

  import 声明的变量,必须放在 {} 内,变量名必须和暴露的接口名一致;

  exprot var a="hello world"  (不建议)

  var a="hello world";   exprot {a}  (建议)

  引入接口

  import {a} from "文件名"

  暴露多个变量,必须加 {}

  模块文件暴露什么,引入文件接收什么 (例如:export {a} 为一个对象,那么 import {a} from "文件名" 的 a 就是一个对象)

  注意:

    export 暴露必须是一个变量,或变量集合

    不能直接暴露一个数据,例如:export 12 这种写法就是错的

  如果不想让别人知道你暴露的什么接口,我们可以使用 as 关键字

  案例:

    var a = "hello world";

    export {a as ben};  ben 和 a 都 代表了这个字符串

    import {ben} from "文件名"

    console.log(ben);  // hello world

  export default 介绍

  案例:

    a.js

    var a="hello world"

    export default a;

    b.js

    import haha from "a.js";

    console.log(haha)  //hello world;

  总结:

    export 和 import 时一对,二者后面都必须带 {} ,花括号里面的变量名,保持一致

    export default 和 import 也是一对,二者后面不用带 {} ,名字不需要一致;

    export default 一次只能对外输出一个

    exprot default 本质是将值赋给变量 default ,所以,default 后面不能对变量在次声明;

    export default var a       x   这种写法错的

    export default function fn   v   这种写法可以

    export default 的本质:

    export {a as default}  default 可以是任何变量,所以便能实现 export default 

posted on 2019-07-09 14:48  Web引领者  阅读(1221)  评论(0编辑  收藏  举报