JavaScript-面向对象编程

JavaScript-面向对象编程

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、创建对象

1.直接使用{}

2.构造函数

1.构造函数：类似于普通函数，且属性需用this关键字，
2.创建对象时使用new 关键字，如不使用new 关键字，则返回一个undefined。

/// 创建一个Student类
function Student(name) {
	this.name = name;
	this.hello = () => alert('hello' + this.name);
}

/// 创建对象
var tom = new Student('tom');
tom.hello();

3.由于多个对象都可以共享hello(),因此，将其提取到原型对象，改造一下以上代码。

function Student(name){
	this.name = name;
}
// 在Student的原型上定义hello方法
Student.prototype.hello() = () => alert('hello'+this.name); 

---

二、继承

1.原型继承

1.继承：即类的扩展，但javascript没有类与实例的区分，因此较为复杂，注意：这里涉及到原型链接：

1. 基于Student 扩展出Primary，调用了student构造函数不等于继承了Student,PrimaryStudent创建的对象的原型是：

new Primary() ----> Primary.prototype ----> Object.prototype ----> null

2. 必须想办法修改为：

new Primary() ----> Primary.prototype ----> Student.prototype ----> Object.prototype ----> null

3. 解决

// 1. 基于Student 扩展出PrimaryStudent
function Primary(props) {
	Student.call(this, props);
	this.grade = props.grade;
}

// 2.定义一个中间函数(空函数)
function Middle(){}

// 3.将空函数的原型指向Student.prototype
Middle.prototype = Student.prototype;

// 4.将PrimaryStudent的原型指向Middle 对象，Middle对象的原型正好指向Student的原型
Primary.prototype = new Middle();

// 5.将PrimaryStudent原型的构造函数修复为PrimaryStudent
Primary.prototype.constructor = Primary;

// 6.继续在定义扩展类型的方法，同时也是该方法也是该类型的所有的对象所共享的，因此定义在PrimaryStudent原型上
Primary.prototype.getGrade = () => this.grade;

---

2. 封装以上步骤，提高代码复用性

/// 封装原型继承
function inherit(childClass,ParentClass){
	var middle = ()=>{};
	Middle.prototype = ParentClass.prototype;
	childClass.prototype = new middle();
	childClass.prototype.constructor = childClass;
}

---