ASP.NET开发者如何构建JavaScript函数

原创|其它|编辑:郝浩|2009-06-09 11:08:25.000|阅读 480 次

概述:JavaScript("JavaScript for an ASP.NET Developer")的深刻理解以及对JavaScript作为一种面向prototype而不是对象("JavaScript for an ASP.NET Developer: Learning to Function")语言的赞美。对于程序员来说最后一个障碍就是将一个构建器附加到JavaScript "item."上。(我在努力不想使用"object"这个词;我认为JavaScript要试着而且强迫它成为一个面向对象模型,是在帮倒忙。)

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

  构建一个函数

  在面向对象的世界中,构建器是一个方法,一个你要调用的命名惯例。在JavaScript世界中,一个接近的近似值是一个函数,通过一个变量来引用。这个例子定义一个函数并且将函数的一个reference放到变量Customer中。

         var Customer = function()
  {

  return true;

  };
 
  通过使用带有圆括号("invocation operator")的变量,我可以让该函数开始执行。这个例子调用我刚刚定义的函数。

         var result;
  result = Customer();
 
  在这个函数中,我可以让它使用"this"这个关键字。我还可以添加一个新的元素到这个函数中,只要通过命名元素并设置它等于一个值。看这个例子,添加两个元素到函数中(命名的id和status)并且设置它们为字符串值:

        var Customer = function()
  {

  this.id = "";

  this.status = "Active";

  };
 
   现在编写的代码像这样。第二行将id元素设置成一个数字值,并且第三行返回status元素的值。

         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函数。这个例子添加一个改变status元素的函数并且将一个"sub-function"的reference放入一个叫做delete的一个元素中:

         var Customer = function(customerId)
  {

  this.id = customerId;

  this.status = "Active";

  this.markDelete = function()

  {

  this.status = "Deleted";

  }

  };
 
  现在使用invocation operator并通过它的元素调用这个函数,这个代码如下:

         Customer.markDelete();

  真相和使用“New”

  但是我一直对你说谎了——我所显示的代码不能得出你所期望的结论。为了充分利用你所构建的东西,你需要使用JavaScript的“new”这个关键字。使用“new”这个关键字不仅能运行你的构建器,而且也可以使用你的函数定义作为一个prototype来创建新的副本。当你使用“new”的时候,你会得到你的函数的新副本,而且通过你放到函数中的代码初始化了。

  所以,为了真正使用Customer函数,我写了这样的代码来初始化一个prototype的新版本并且将该结果的一个reference储存到叫做cust的变量中:

         var cust = new Customer("A123");
  然后我使用cust变量来访问我早前添加的那些元素:

         var result;
  cust.delete();

  result = cust.status;
 
  所以我如何来区分一个拥有你可以调用的函数的一个变量和作为可以返回prototype新版本的构建器来运行的一个函数之间的差异呢?简单的回答是你不能。例如,这两行代码将要进行编译,但是只有第二行才会给你所期望的结果——一个prototype的新副本:

         var cust = new Customer("A123");
  var cust = Customer("A123");
 
  但是,JavaScript社区形成了一个协议:变量用一个大写字母(像是我的Customer变量就是这样的)命名的函数必须使用“new”关键字;变量用小写字母(在我以前文章的例子中有这样的变量)命名的函数必须直接被调用。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:IT专家网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP