透析Extjs的Ext.js源码（三）扩展

JavaScript构造函数扩展

最新推荐文章于 2021-02-06 18:43:15 发布

最新推荐文章于 2021-02-06 18:43:15 发布 · 185 阅读

文章标签：

#EXT

ExtJs 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个特殊的JavaScript构造函数Person的实现方式，通过即时执行的方法来为构造函数添加属性extend，该属性本身即是一个方法，实现了在创建新实例时即时执行并返回一个方法。

if(!Person.extend){//若extend属性还未存在则执行里面的代码   
    Person.applay(Person,{   
        extend:function(){   
            alert("定义时执行");   
            return function(){   
                alert("hello");   
            }   
        }()// 注意这里加了一对()，表示在new一个Person对象的时候就会立即执行extend后面定义的方法，并且返回里面return的方法给extend属性，   
           //那么这样，extend就是一个方法类型的属性了   
    });   
}   

//因为之前!Person.extend为true，所以进行了Person.applay方法的执行，而参数中extend元素又是个定义时即时执行的属性，因此这里就先输出结果：定义时执行   

Person.extend();// 输出结果：hello   
Person.extend();// 输出结果：hello   
//new Person();// 输出结果：定义时执行，没执行一次new Person()，都会输出一次这个结果