JavaScript函数的使用方法有哪些

本篇内容介绍了“JavaScript函数的使用方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 

第一种使用方法:作为单独的函数使用

如下代码

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函数的使用方法有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!