熟练掌握JavaScript函数这四种方法，离javaScript高手又进一步！

函数是由若干代码构成，具有独立功能的程序。在面向对象的编程语言中(java、c++、php等)函数又称为方法。函数的出现大大提高了编程效率，也便于编程模块化。今天主要为大家讲解JavaScript中常见的几种使用方法。这几种方式的不同的地方在与this 的初始化。

在潜山等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、网站建设 网站设计制作按需定制,公司网站建设,企业网站建设,高端网站设计,成都全网营销推广,成都外贸网站建设,潜山网站建设费用合理。

***种使用方法：作为单独的函数使用

如下代码

 
 
 
 

  
  
  
  
function testFunction(A, a) 
  
  
  
  
{ 
  
  
  
  
return A * a*A; 
  
  
  
  
} 
  
  
  
  
testFunction(10, 2); // testFunction(10, 2) 返回200。 
 
 
 
 

在这个例子中函数test在调用中被执行，这种情况下函数在JavaScript中是全局对象。因为在html中默认全局对象就是页面本身，所以函数也属于html页面。如果是在浏览器中页面对象是浏览器窗口，函数test会自动变为windows对象的函数，在这种情况下testfunction()和window.testFunction()是没有区别的。

第二种使用方法：函数作为全局对象使用

如下代码

 
 
 
 

  
  
  
  
function mytestFunction() 
  
  
  
  
{ 
  
  
  
  
return this; 
  
  
  
  
}
  
  
  
  

  
  
  
  
mytestFunction(); 
 
 
 
 

这种情况下函数没有自身对象调用，this的值会变成全局对象，this的值是windows对象，如果是在浏览器中全局对象是浏览器窗口。

第三种使用方法：函数作为方法使用

在JavaScript 中也可以定义对象方法(函数)，代码如下：

 
 
 
 

  
  
  
  
var myshili = {xing:"zhang", ming: "san", mytest:function(){document.write(this.xing + " " + this.ming)}}
  
  
  
  

  
  
  
  
myshili.mytest(); 
 
 
 
 

上面的创建了一个对象myshili，找个对象有两个属性xing和ming，还有一个方法mytest， 这段代码返回值是 "zhang san"。

第四种使用方法：构造函数调用函数

函数调用前出现了new这个关键字，则使用了构造函数，这并不是单纯的创建新的函数，而是javascript函数重新创建了的对象。代码如下：

 
 
 
 

  
  
  
  
function testFunction(arg1, arg2) { 
  
  
  
  
this.firstName = arg1; 
  
  
  
  
this.lastName = arg2; 
  
  
  
  
} 
  
  
  
  
var x = new testFunction("John","Doe"); 
  
  
  
  
x.firstName; 
 
 
 
 

新对象会继承构造函数的属性和方法。

文章标题：熟练掌握JavaScript函数这四种方法，离javaScript高手又进一步！
文章出自：http://www.shufengxianlan.com/qtweb/news45/535995.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联