JS语言学习----面向对象编程

剑宗高手

于 2016-12-19 14:47:45 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xuzhen0913/article/details/53739819

本文对比了ES6类语法与传统构造函数的方式定义对象，并展示了如何使用类进行继承。介绍了基本的JavaScript面向对象编程概念。

原始写法

function Student(name) {   //构造函数 Student ,其参数为name.
    this.name = name;      //将参数name放在此函数的name中
}

Student.prototype.hello = function () {  //对象Student的原型属性方法为hello
    alert('Hello,' + this.name + '!');	 //hello函数的方法为alert	
};


var xiaoming = new Student('小明');      //实例化Student xiaoming
xiaoming.hello()			//xiaoming的hello方法 
ES6写法
class Student {                          //创建类 Student
    constructor(name){                   //构造函数,参数为name
        this.name = name;		 //将参数name放于此函数的属性name中
    }

    hello(){				 //student的hello函数方法										
        alert("Hello," + this.name + "!");
    }
}
var xiaoming = new Student('小明');      //实例化Student xiaoming
xiaoming.hello()			//xiaoming的hello方法 

class继承的方法类似java
class PrimaryStudent extends Student {
    constructor(name, grade) {
        super(name); // 记得用super调用父类的构造方法!
        this.grade = grade;
    }

    myGrade() {
        alert('I am at grade ' + this.grade);
    }
}