关于 JS 面向对象继承属性和方法的小例子

浏览数：24 / 时间：2015年06月09日

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h1>关于 JS 面向对象继承属性和方法的小例子</h1>
</body>
</html>
<script>

    //人的构造函数
    function PeopleClass()
    {
        this.type = ‘人‘;
    }    
    //人所拥有的方法
    PeopleClass.prototype = {
        getType:function()
        {
            console.log(‘这是一个人‘);
        },
        getSex:function()
        {
            console.log(‘我是男的‘);
        }
    };
    //学生的构造函数
    function StudentClass( name , sex )
    {
        //继承 PeopleClass 的所有属性
        PeopleClass.apply( this , arguments );
        //继承 PeopleClass 的所有方法
        for( var prop in PeopleClass.prototype )
        {
            //this 指向的是 PeopleClass
            var proto = this.constructor.prototype;
            if ( !proto[prop] ) {
                proto[prop] = PeopleClass.prototype[prop];
            }
            proto[prop][‘super‘] = PeopleClass.prototype;
        }

        this.name = name;
        this.sex = sex;
    }

    var stu = new StudentClass(‘Zion‘,‘男‘);
    console.log(stu.type); //人
    stu.getType();    //这是一个人
    stu.getSex(); //我是男的

</script>