温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript函数的使用方法有哪些

发布时间:2021-11-10 11:05:39 来源:亿速云 阅读:121 作者:iii 栏目:web开发

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI