<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>面向?qū)ο缶幊?#xff08;OOP）</title></head> <body><script type="text/javascript" charset="utf-8">/*** @Example:基于原型鏈的繼承*/function Person(name,age){this.name = name;this.age = age;}Person.prototype.LEGS_NUM = 2;Person.prototype.ARMS_NUM = 2;Person.prototype.hi = function(){console.log("Hi,my name is "+this.name+", I`m "+this.age+" years old now.");};Person.prototype.walk = function(){console.log(this.name+" is walking ...");};//學(xué)生類(lèi)function Student(name,age,className){Person.call(this,name,age);this.className = className;}//Object.create(param)： 創(chuàng)建一個(gè)（原型指向參數(shù)param的）空對(duì)象;Student.prototype = Object.create(Person.prototype);Student.prototype.constructor = Student; Student.prototype.hi = function(){console.log("Hi,my name is "+this.name+", I`m "+this.age+" years old now, and from "+this.className);}Student.prototype.learn = function(subject){console.log(this.name + " is learning "+subject+" at "+this.className);}//test run ...var tom = new Student("Tom",27,"Class 3 Grade 2");tom.hi(); //Hi,my name is Tom, I`m 27 years old now, and from Class 3 Grade 2console.log("LEGS_NUM: "+tom.LEGS_NUM); //LEGS_NUM: 2tom.walk(); //Tom is walking ...tom.learn("math"); //Tom is learning math at Class 3 Grade 2
</script> </body>
</html>
