• JavaScript this特性,静态方法 和实例方法,prototype


    <script type="text/javascript">
        function logs(str) {
            document.write(str + "<br />")
        }
        //利用“this 指向函数调用者”的特性,可以实现链式调用。jQuery 中大部分都是链式调用
        var oName = {
            name: "aa",
            age: 999
        };
        window.name = "I am window";
    
        function showName() {
            logs(this.name);
        }
        oName.show = showName;
        window.show = showName;
        oName.show(); /* aa */
        window.show(); /* I am window */
        
        oName.showName = function() {
            logs(this.name);
            return this; // JavaScript 中的“this”是函数上下文,不是在声明时决定的,而是在调用时决定的
        };
        oName.showAge = function() {
            logs(this.age);
            return this;
        }
        oName.showName().showAge(); //  aa  999
    
        //方法  静态方法  实例方法   java 中的一样的特性 实例方法必须声明对象,对象才可以调用
        function staticClass() {}; //声明一个类
        staticClass.staticMethod = function() {
            logs("static method")
        }; //创建一个静态方法
        staticClass.prototype.instanceMethod = function() {
                logs("instance method")
        } //创建一个实例方法
        staticClass.staticMethod();  //static method
        //staticClass.instanceMethod();  //语句错误,  无法运行
        new staticClass().instanceMethod(); //必须进行实例化才可以调用  instance method
    
        //动态原型方法的精髓在于使用 prototype 声明实例方法,使用 this 声明实例属性
        function Car() {
            this.color = "none"; //实例实属
            if(typeof Car._initialized == "undefined") {
                Car.prototype.showCar = function() { //实例方法
                    logs(this.color);
                }
            }
            Car._initialized = true; //静态属性 ? 实例属性?
        }
        logs(Car.color); //undefined
        logs(Car._initialized); //undefined  ?
        var car = new Car();
        logs(car.color); //none
        logs(Car._initialized); //true      ?
        logs(car._initialized); //undefined  ?
        car.showCar(); //none
        
        /*Car._initialized是静态属性
        1 处报错, 是因为你的Car._initialized属性的赋值是在类里面, JS是解释到哪儿执行到哪儿,
        正因为如此, 当有Car的实例产生的时候, 静态属性_initialized被赋值,
        所以2处为true, 3 处不输出是因为它是静态属性, 不是实例属性。*/
    </script>

    ref:http://sblig.iteye.com/blog/1542896

  • 相关阅读:
    javascript金额千分位的实现
    html中仿GroupBox效果与路径问题
    javascript获取表格的高度
    分布式系统的架构思路
    sharepoint2010 Reporting Services 集成注意
    Ext.MessageBox.updateProgress
    认识RFID
    Extjs 下拉ComboBox分页,图片,多行显示
    MVCFckEditor一些小问题
    MVCFckEditor
  • 原文地址:https://www.cnblogs.com/yuqingfamily/p/5793178.html
Copyright © 2020-2023  润新知