JS原型扩展和函数继承

Posted lay2017

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原型扩展和函数继承相关的知识,希望对你有一定的参考价值。

<html>
<head>
    <meta charset="UTF-8">
    <title>原型扩展和函数继承</title>
</head>
<body>
<script type="text/javascript">
// 定义了Person类
var Person = function(name){
    this.name = name;
    this.say = function(content){
        console.log(this.name + " say: " + content);
    }
}
// 实例化
var person = new Person("lay");
// 调用函数
person.say("I‘m a person");
// 定义了Student类
var Student = function(name){
    // 调用构造函数,继承Person类
    Person.call(this, name);
}
// 实例化
var student = new Student("marry");
student.say("I‘m a student");
// 原型扩展函数
Student.prototype.jump = function(){
    console.log("I‘m jumping...");
}
// 调用函数
student.jump();
</script>
</body>
</html>

 

以上是关于JS原型扩展和函数继承的主要内容,如果未能解决你的问题,请参考以下文章

JS- 继承

js组合继承(原型继承+借用构造函数继承)

js - 原型继承和应用

js 继承与原型链

js继承之组合继承(结合原型链继承 和 借用构造函数继承)

JS原型和原型链