JavaScript函数调用的四个规则

核心提示： JavaScript函数调用规则四(1)构造器我不想深入研究在Javascript中类型的定义,但是在此刻我们需要知道在Javascript中没有类,而且任何一个自定义的类型需要一个初始化函数,使用原型对象(作为初始化函数的一个属性)定义你的类型也是一个不错的想法,让我们来创建一个简单的类

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的第一步。