首页 > 代码库 > JavaScript的对象和继承

JavaScript的对象和继承

	本文记录一种JavaScript的对象定义和继承的书写方式,也是目前使用比较普遍的一种。

	1、定义对象(混合的构造函数和原型方式)
	
	// 属性在构造函数里定义
	function Person(name, age, sex) {
		this.name = name;
		this.age = age;
		this.sex = sex;
	}

	// 方法在原型里定义
	Person.prototype.hello = function() {
		alert("Hello, my name is " + this.name);
	}

	Person.prototype.say = function(str) {
		alert("This is " + str);
	}

	// 实例
	var p = new Person("Jim", 23, "M");
	p.hello();
	p.say("Car");

	2、继承的实现

	// 定义子类属性
	function Student(name, age, sex, score) {
		Person.call(this, name, age, sex);  // (1) 可看作构造函数,对继承的父类属性并初始化
		this.score = score;
	}

	// 定义子类方法
	Student.prototype = new Person();  // (2) 通过对子类的prototype进行一个父类无参构造函数的赋值,来继承父类的属性和方法,但继承的属性值都为空,需通过(1)进行初始化
	
	Student.prototype.sayScore = function() {
		alert("My score is " + this.score);
	}

	注: 
	a、子类在进行继承父类时,上面的(1)和(2)两步都是必须的。
	b、若子类定义了一个跟父类同名的方法,则无论子类的同名方法参数是否与父类一样,都会覆盖父类的同名方法,子类对象调用时调的是子类的方法。
	c、通过prototype定义方法时,需通过" Object.prototype.methodName = function() {...} "的方式,否则子类无法直接通过方法名调用父类方法。

	// 实例
	var s = new Student("Andy", 22, "F", 100);
	s.hello();
	s.say("Book");
	s.sayScore();

JavaScript的对象和继承