JavaScript函数重载AND类

———————————
JavaScript语法结构

「函数重载」「类」
———————————

函数的重载

定义

在一个对象中的多个函数名称相同，其函数的形参不同(数量、类型、不同类型的排列顺序不同)称之为函数的重载。

而JS中的函数重载一般只考虑参数的数量不同，实现过程也和其他语言类型中的构造有区别，因为JS中函数的预解析其实也是通过匿名函数而来的，函数名其实和变量名是同一个作用，在同一个作用域之内只允许出现一次相同的变量名称，后面重复出现的变量名称会被覆盖。因此JS中的函数重载主要通过函数的arguments属性控制。

                this.calc=function(){
                    console.log(arguments);
                    if(arguments.length==0){
                        return 0;
                    }else if(arguments.length==1){
                        return arguments[0]
                    }
                    else {
                        var sum=0;
                        for(var i=0;i<arguments.length;i++){
                            sum+=arguments[i];
                        }
                        return sum;
                    }
                }

类

在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象

创建类

语法:

//步骤1 使用class关键字
class name {
  // class body
}     
//步骤2使用定义的类创建实例  注意new关键字
var xx = new name();   

添加属性和方法

 // 1. 创建类class创建一个类
class Star {
    //类的共有属性放到constructo里面 constructor是构造器或者构造函数
    constructor(uname, age) {
      this.uname = uname;
      this.age = age;
    }//注意,方法与方法之间不需要添加逗号
    sing(song) {
      console.log(this.uname + '唱' + song);
    }
}

注意

1. 通过class 关键字创建类, 类名我们还是习惯性定义首字母大写
2. 类里面有个constructor 函数,可以接受传递过来的参数,同时返回实例对象
3. constructor 函数 只要 new 生成实例时,就会自动调用这个函数, 如果我们不写这个函数,类也会自动生成这个函数
4. 多个函数方法之间不需要添加逗号分隔
5. 生成实例 new 不能省略
6. 语法规范, 创建类 类名后面不要加小括号,生成实例 类名后面加小括号, 构造函数不需要加function

类的继承

语法

// 父类
class Father{   
} 
// 子类继承父类
class  Son  extends Father {  
} 

子类使用super关键字访问父类的方法

注意

1. 继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的
2. 继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个方法(就近原则)
3. 如果子类想要继承父类的方法,同时在自己内部扩展自己的方法,利用super 调用父类的构造函数,super 必须在子类this之前调用
4. 时刻注意this的指向问题,类里面的共有的属性和方法一定要加this使用.
   1. constructor中的this指向的是new出来的实例对象
   2. 自定义的方法,一般也指向的new出来的实例对象
   3. 绑定事件之后this指向的就是触发事件的事件源
5. 在 ES6 中类没有变量提升，所以必须先定义类，才能通过类实例化对象