[JavaScript知识库]js中的类

?//二、类不会被提身-------------------------------------------------------------------------

?什么是类：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 在ES6中新增加了类的概念，可以使用class关键字声明一个类，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 某一大类( class )对象特指某一个，通过类实例化一个具体的对象

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 是原型和构造函数的概念。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 所以他也是构造函数的——语法糖

一、类定义---------------------------------------------------------------------------------------------?

 ? ? /* ?//1. 匿名类

? ? ? ? ? ? let Example = class {};

? ? ? ? ? ? //2.命名类

? ? ? ? ? ? let Example = class Example {};

? ? ? ? ? ? //3.类声明

? ? ? ? ? ? class Example {}

? ? ? ? ? ? //不可以重复声明一样的名字 */

? ? ? // class Star1 {}

? ? ? // var star1 = new Star1();

?二、类不会被提身-------------------------------------------------------------------------

      // class Example {}
      // let wq = new Example();
      // let star = new Start();
      // function Start(uname, age) {
      //   this.uname = uname;
      //   this.age = age;
      // }

      //跟构造函数作比较
      //   let star = new Star();
      //   function Star() {}

?三、创建类和添加方法?

     知识要点：
1.类constructor构造函数：
constructor()方法是类的构造函数(默认方法)，用于传递参数返回实例对象，
通过new命令生成对象实例时，自动调用该方法。如果没有显示定义,类内部会自动给拽们创建一个constructor

      2.总结要点
(1) 通过class 关键字创建类,类名我们还是习惯性定义首字母大写
(2) 类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象
(3) constructor函数只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数
(4) 生成实例 new 不能省略(这个new干了些啥)
   1.在内存中创建了一个新对象
   2.这个新对象内部的[[Prototype]]指针被赋值为构造函数的prototype属性
   3.构造函数内部的this被赋值为了这个新对象(即this指向新对象)
   4.执行构造函数内部的代码(给新对象添加属性)
   5.如果构造函数返回非空对象,则返回该对象:否则,返回刚创建的新对象
(5) 最后注意语法规范,创建类,类名后面不要加小括号,生成实例类名后面加小括号,构造函数不需要加function
(6) 我们类里面所有的函数不需要写function
(7) 多个函数方法之间不需要添加逗号分隔
                        */
   /*  class Sxample {
            constructor(uname, age) {
                this.uname = uname;
                this.age = age;
              }
              show(money) {
                console.log(this.uname + money);
              }
              artistic(talent) {
                console.log(this.uname + talent);
              }
            }
            var example1 = new Sxample("王总", 18);
            var example2 = new Sxample("王老板", 28);
            // console.log(example1.uname, example1.age);
            // console.log(example2.uname, example2.age);
            example1.show("很有钱");
            example2.artistic("很有钱"); */

四、(extends、super)类的继承

 知识要点：
                                  1.
                                      如果在基础父类的情况下还下下面的语句,这son传的参数给了子类的
                                      x和y的值,而父类却没有,如果想把子类的x和y传给父类的话则需要使用到super关键字了
                                  2.
                                      super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数
                                  3.
                                      // 继承中的属性或者方法查找原则:就近原则
                                      // 1.继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的
                                      // 2.继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就进原则)
      n
                                **使用super时要注意几个问题
                                    1.super()只能在子类构造函数和静态方法内使用
                                    2.不能单独引用super()关键字,要么用它调用构造函数,要么用它引用静态方法  **
                                    3.调用super()会调用父类构造函数,并将返回实例赋值给this  **
                                    4.super()的行为如同调用构造函数,如果需要给父类构造函数传参,则需要手动传入
                                    5.如果没有定义类构造函数,在实例化派生类时会调用super(),而且会传入所有传给子类的参数
                                    6.在类构造函数中,不能调用super()之前引用this  **
                                    7.如果在子类中显示定义了构造函数,则要么必须在在其中调用super(),要么必须在其中返回一个对象

类遵循严格模式-------------------------------------------------------------------------------------------

? ? ? /*

? ? ? ? ? ? ? ? ? ? ? ? ? 知识要点:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 什么是严格模式:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? JavaScript除了提供正常模式外,还提供了严格模式。ES5的严格模式是采用具有限制性

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? JavaScript变体的一种方式,即在严格的条件下运行的JS代码

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 怎么开启严格模式:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 【为函数开启严格模式】两种情况

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 一、为脚本开启严格模式

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 为整个脚本文件开启严格模式,需要在所有语句之前放一个特定语句 "use strict";(或 'use strict';)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 二、为函数开启严格模式

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 要给某个函数开启严格模式,需要把 "use strict";(或 'use strict';)声明放在函数体所有语句之前。

具体就这些，没提到的还请大佬补充感谢