JavaScript函数调用的四个规则
JavaScript函数调用规则一
(1)全局函数调用：
点击第一个按钮将会显示”btn1”，因为它是一个方法调用,this为所属的对象(按钮元素) 。
点击第二个按钮将显示”window”，因为 buttonClicked 是被直接调用的( 不像 obj.buttonClicked() )，
这和第三个按钮,将事件处理函数直接放在标签里是一样的.所以点击第三个按钮的结果是和第二个一样的。
所以请大家注意：
JavaScript函数调用规则四
(1)构造器
我不想深入研究在Javascript中类型的定义,但是在此刻我们需要知道在Javascript中没有类,
而且任何一个自定义的类型需要一个初始化函数,使用原型对象(作为初始化函数的一个属性)定义你的类型也是一个不错的想法,
让我们来创建一个简单的类型
//声明一个构造器 function ArrayMaker(arg1, arg2) { this.someProperty = 'whatever'; this.theArray = [ this, arg1, arg2 ]; } // 声明实例化方法 ArrayMaker.prototype = { someMethod: function () { alert( 'someMethod called'); }, getArray: function () { return this.theArray; } };
var am = new ArrayMaker( 'one', 'two' ); var other = new ArrayMaker( 'first', 'second' ); am.getArray(); // =﹥ [ am, 'one' , 'two' ] other.getArray(); // =﹥ [ other, 'first', 'second'? ]
一个非常重要并值得注意的是出现在函数调用前面的new运算符,没有那个,你的函数就像全局函数一样,且我们创建的那些属性都将是创建在全局对象上(window)，而你并不想那样。
另外一点,因为在你的构造器里没有返回值,所以如果你忘记使用new运算符,将导致你的一些变量被赋值为 undefined。
所以构造器函数以大写字母开头是一个好的习惯,这可以作为一个提醒,让你在调用的时候不要忘记前面的new运算符.
这样 初始化函数里的代码和你在其他语言里写的初始化函数是相似的.this的值将是你将创建的对象.
总结
我希望通过这些来使你们理解各种函数调用方式的不同，让你的JavaScript代码远离bugs。知道this的值是你避免bugs的第一步。