JavaScript的特点在于它是原型指向型的而不是对象指向型的。本文将告诉大家怎样使用构造函数。
在操作过程中存在一个难点就是将构造器附加到JavaScript项目上。此处要给予大家一个警告:在读完本文之前,不要相信你在此处见到的代码。作为本文的一部分内容,该代码不一定有效。
构造一个函数
在对象指向型编程环境中,构造器是一个方法,是一个你可以调用的命名的常规程序。而在JavaScript世界,它是一个函数,要通过一个变量来引用。这个举例定义了一个函数并将一个引用放入变量Customer的函数中。
var Customer = function()
{
return true;
};
我们可以用带有调用操作符的变量来使执行函数。这个例子调用我们刚刚定义的函数:
var result;
result = Customer();
在函数中,我们可以用 “this” 关键词来提及它。我们也可以用命名要素和设定与值相等的方式为函数添加新的要素。在这个例子中,向函数添加了两个要素并将其设置为字符串值:
var Customer = function()
{
this.id = "";
this.status = "Active";
};
我们现在可以编写类似于这样的代码了。第二行设定id要素为文本值,而第三行检索了状态要素的值。
var result;
Customer.id = "A123";
result = Customer.status;
功能型构造器
当然,构造器的有一点要做的就是初始化id要素之类的内部变量。使用函数并不难:笔者只是将任意初始化值作为参数发送到函数。至于Customer函数,首先需要重新定义该函数以使其接受参数,然后使用这个函数来设定id要素的值:
var Customer = function(customerId)
{
this.id = customerId;
this.status = "Active";
};
现在我们可以调用函数以便初始化函数的要素:
Customer("A123");
使用 “this” 以及动态添加新要素的功能,我们还可以合并一个函数到Customer函数中。这个示例添加了一个改变状态要素的函数并将一个引用放到了名为“删除”的要素中的子函数中:
var Customer = function(customerId)
{
this.id = customerId;
this.status = "Active";
this.markDelete = function()
{
this.status = "Deleted";
}
};
现在我们可以通过函数要素使用调用操作来援引函数,就像这个代码所做的一样:
Customer.markDelete();
真相和使用“new”关键词
其实上面一直都是误导,上面给出的代码不会真地带来预料的结果。要充分利用你建立的代码,需要使用JavaScript “new”关键词。使用的话,就不只是运行你的构造器还会使用函数定义作为原型以创建一个新的副本。当你使用“new”关键词的时候,你会得到函数的新副本,它被你放置在函数中的代码初始化了。
因此,要想真正意义上使用Customer函数,我们最好是编写如下的代码以便初始化原型的新版本并将引用保存在cust变量的结果中:
var cust = new Customer("A123");
然后使用cust变量来访问之前添加的要素:
var result;
cust.delete();
result = cust.status;
这里我们有两个容易混淆的概念,一是可以调用的保存了函数的变量,另一个是扮演构造器角色能够返回原型新版本的函数,我们要怎样区分这两者呢?简单的回答是我们分辨不了。例如,这两行代码都会进行编译,但是只有第二行会给出我们期望的值,即原型的一个新副本:
var cust = new Customer("A123");
var cust = Customer("A123");
但是,JavaScript社区演变出了一个惯例:函数中变量的名称如果以大写字母开头就可以被新的关键字一起使用;函数的变量的名称如果以小写字母开头就可以被直接引用。
标签:
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果
文章转载自:IT专家网
1
好文不易,鼓励一下吧!