网站右下角悬浮窗口js代码 兼容各浏览器做网站送推广

一、面向对象

1、面向对象

（1）是一种开发思想，并不是具体的一种技术

（2）一切事物均为对象，在项目中主要是对象的分工协作

2、对象的特征

（1）对象是属性和行为的结合体

（2）属性：体现对象的静态特征、

（3）行为：体现对象的动态特征(具体体现为函数/方法)

3、面向对象的三大特征

（1）封装性：对象时属性和行为的封装体

（2）继承性：在基类（父类）中已经定义的属性或行为，子类可以继承使用

（3）多态性：同一个信息传递给不同的对象呈现的效果也是不同的

二、ES6中的类和对象

1、类：在ES6中引入类的概念，使用class关键字进行定义

class 类名{

        属性

        方法

}

2、ES6中类和对象的关系

（1）类是对象的抽象：类抽取了对象的公共部分

（2）对象是类的实例化：对象是类的具体实例

3、ES6中类的构造函数

使用constructor作为类的构造函数，用于初始化对象。在定义类的时候若没有显式的定义constructor，js会自动生成一个无参的构造函数(constructor(){}) 

 class Student{constructor(id,name,age,sex){   //constructor用来初始化对象的属性this.id = id,this.name = name,this.age = age,this.sex = sex}show(){console.log(`学号:${this.id} 姓名:${this.name} 年龄:${this.age} 性别:${this.sex}`);}
}
let stu1 = new Student('001','小王',20,'男');
console.log(stu1);
stu1.show();

 

 注：通过类创建对象，new 类名([参数])

（1）创建对象时不能显式调用constructor，在new 类名()创建对象时，默认调用了constructor

（2）在定义类时若没有写constructor，则js会自动生成无参的constructor

三、ES6中类的继承

1、基类：被继承的类，也可称为父类或超类

2、子类：由基类派生的类，又称为派生类

3、继承的用法：通过extends关键字实现

class 父类名{

        构造方法

        普通方法

}

class 子类名 extends 父类名{

        构造方法

        普通方法

}

4、super关键字：代表是父类，在类的继承过程中访问父类的构造函数、普通函数

class Father{constructor(name,sex){this.name= name,this.sex = sex}display(){console.log(`姓名：${this.name} 性别：${this.sex}`);}
}class Son extends Father{constructor(name,sex,address,phone){super(name,sex),this.address = address,this.phone = phone}show(){console.log(`姓名:${this.name} 性别：${this.sex} 地址:${this.address} 电话：${this.phone}`);}
}let son1 = new Son('小黑','男','西安','13198302930')
son1.show();

5、子类的普通方法与父类的普通方法同名时，子类方法覆盖父类的方法

类中的普通方法又称为实例方法或成员方法

        class Animal{eat(food){console.log(`${food}`);}sleep(){console.log('在睡觉');}}class Rabbit extends Animal{eat(){super.eat('兔子吃草')}}class Tiger extends Animal{eat(){super.eat('老虎吃肉')}}let rabbit = new Rabbit()rabbit.eat();rabbit.sleep();let tiger = new Tiger();tiger.eat();tiger.sleep();