简单理解Ext.extend

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>理解Ext.extend</title>

    <link rel="stylesheet" href="src/ext/resources/css/ext-all.css">

    <!--ext-base 必须在ext-all之前引入-->

    <script src="src/ext/ext-base.js"></script>

    <script src="src/ext/ext-all.js"></script>

    <!--<script src="src/ext/ext-lang-zh_CN.js"></script>-->

    <style>

    </style>

</head>

<body>

<script>

    Ext.onReady(function () {

        // 基类Persion, 继承自Object

        Person = Ext.extend(Object, {

            constructor: function (first, last) {

                this.firstName = first;

                this.lastName = last;

            },

            getName: function () {

                return this.firstName + '' + this.lastName;

            },

        });

        // 继承Person 得到Developerde的子类

        Developer = Ext.extend(Person, {

            // 重写了getName()方法

            getName: function () {

                if (this.isCoding) {

                    return 'Go Away!';

                } else {

                    // 访问父类的方法

                    return Developer.superclass.getName.call(this)

                }

            },

        });

        // 检测是否成功继承

        var p = new Person('John', 'Smith');

        alert('Hi,'+ p.getName() + '欢迎来学习Ext')

    });

</script>

</body>

</html>
巴特西

简单理解Ext.extend

最新文章

热门文章
