一种书写很简单的javascipt继承方式

2018-03-14

一、一种书写起来很简单的继承方式

js的继承一直是一个很烦人的概念，之前整理过一次但是还是没有弄清楚。最近发现一种比较简单的书写方式，拿出来分享一下。

简单的理解为：
什么是继承：

在原有对象上稍加修改，得到另一个新对象，原有对象不会受到影响

复用代码的一种形式；子类不影响父类继承一些父类的功能

二、下面这个实例演示继承的一种方法

 <script>
 function person(id, name, age) {
            this.id = document.getElementById(id);
            this.name = name;
            this.age = age;
        }
    person.prototype.sayhello = function () {
        console.log("你好，我是" + this.name + "  我今年" + this.age + "岁了")

    }
    var student1 = new person("box", "gcf", 22)
    student1.sayhello(); //输出 你好 我是郭春福 今年22了

    // 继承核心
    function extend(son, parent) {
        for (arr in parent) {
            son[arr] = parent[arr]
        }
    }

    function man(id, name, age) {
        person.call(this, id, name, age)
    }
    
    extend(man.prototype, person.prototype);
    
    var student2 = new man("box2", "zjn", 23)
    student2.sayhello() //输出 你好我是zjn 今年23岁了 继承了父类person 的属性和方法

    man.prototype.show = function () {
        alert("大家好，我是" + this.name);
    }
    student2.show() //弹出 大家好 我是zjn 
</script>

就是这样，希望对大家有所帮助