JavaScript基于对象编程的概念（Ext）4

 

关于避免污染命名空间的问题，在Ext中提供了一个专门的namespace函数，可以定义新的命名空间，如下例所示：

<script type="text/javascript">

 

//Ext中的命名空间

 

//比如，我们想给我们自己的项目定义一些工具函数，但又不想污染全局命名空间

Ext.namespace("com.bjsxt.crm.utils");

 

com.bjsxt.crm.utils.dosomething = function(){

    alert("dosomething");

}

 

com.bjsxt.crm.utils.dosomething();

 

</script>

 

 

 

* this变量的概念

<script type="text/javascript">

 

//理解javascript中的this

var a = 100;

 

alert(a); // 100

alert(this.a); // 100

alert(window.a); // 100

 

</script>

<script type="text/javascript">

 

//理解javascript中的this

function GG(){

    var a = 1;

    alert(this.a);

}

 

a = 100;

 

GG(); // 100

var g = new GG(); //undefined

 

</script>

this变量，在执行的时候确定，表示执行的上下文。GG()函数在全局环境中执行，this表示window对象；当通过new操作符来执行构造函数的时候，构造函数内部的this表示的是由new操作符所创建的的对象！

 

<script type="text/javascript">

 

//理解javascript中的this

function ABC(){

    this.something = "something";

}

 

ABC();

 

alert(something); // 弹出something

 

</script>

ABC()在全局环境中执行，所以执行的时候，this表示window对象，因此后面的alert能够弹出相应的值。

 

<script type="text/javascript">

 

//理解javascript中的this

function ABC(){

    this.something = "something";

}

 

var abc = new ABC();

 

alert(something); // 出错！！

alert(abc.something); //弹出something，这相当于给abc对象定义了一个公有成员变量

 

</script>

new ABC()，导致构造函数内部的this在执行时表示这个abc对象，因此第一句alert出错，因为window全局环境中没有something变量，但是第二句alert将能够得到正确的结果。

 

<script type="text/javascript">

var x = "I'm a global variable!";

function method() {

    alert(x);

    alert(this.x);

}

function class1() {

    // private field

    var x = "I'm a private variable!";

    // private method

    function method1() { //内部函数

        alert(x);

        alert(this.x);

    }

    var method2 = method;

    // public field

    this.x = "I'm a object variable!";

    // public method

    this.method1 = function() {

        alert(x);

        alert(this.x);

    }

    this.method2 = method;

    // constructor

    {

        this.method1();     // I'm a private variable!

                            // I'm a object variable!

        this.method2();     // I'm a global variable!

                            // I'm a object variable!

        method1();          // I'm a private variable!

                            // I'm a global variable!

        method2();          // I'm a global variable!

                            // I'm a global variable!

        method1.call(this); // I'm a private variable!

                            // I'm a object variable!

        method2.call(this); // I'm a global variable!

                            // I'm a object variable!

    }

}

 

var o = new class1();

method();       // I'm a global variable!

                // I'm a global variable!

o.method1();    // I'm a private variable!

                // I'm a object variable!

o.method2();    // I'm a global variable!

                // I'm a object variable!

</script>

记住：内部函数（或称为私有函数）中的this代表window全局对象。但通过call方法，可以改变函数内部的this变量。