jQuery MiniUI,快速开发WebUI界面

Javascript对象继承(原型继承法)

原型继承可以说是Javascript提供的真正的继承方法,也是很多大牛推荐使用的方法,但我使用的最多的却不是这一个继承方法.
原型继承是如何实现的,我们一起来看看下面的例子:

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function dw(s) {
            document.write(s + "<br />");
        }
        //警察
        function PoliceMan() {
            var m_lifeEnergy = 100;
            this.getLifeEnergy = function () {
                return m_lifeEnergy;
            }
            this.Shot = function () {
                m_lifeEnergy -= 1;
            }
            this.Repair = function() {
                m_lifeEnergy += 1;
            }
        }
        //超级警察
        function SuperPoliceMan() {
            this.Flight = function() {
                
            }
        }
        
        SuperPoliceMan.prototype = new PoliceMan();


        //创建一个超级警察
        var pm = new SuperPoliceMan();
        //显示当前生命值
        dw(pm.getLifeEnergy());
        //中枪生命值减1
        pm.Shot();
        //显示当前生命值
        dw(pm.getLifeEnergy());
        //飞离地面
        pm.Flight();
        //自我修复
        pm.Repair();
        //显示当前生命值
        dw(pm.getLifeEnergy());
    </script>
</head>
<body>

</body>
</html>
查看运行结果请点击以下链接:
http://extjs.org.cn/javascript/inherit_prototype.html

作者:肥占
出处:http://extjs.org.cn
本文版权归作者和ExtJs中文资讯站共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。