当前位置: 首页 > 科技观察

熟练掌握JavaScript函数的这四种方法,离JavaScript高手又近了一步!

时间:2023-03-18 15:09:52 科技观察

功能是由若干个功能独立的代码组成的程序。在面向对象的编程语言(java、c++、php等)中,函数也被称为方法。函数的出现极大地提高了编程效率,有利于编程模块化。今天主要给大家讲解一下JavaScript中几种常见的使用方法。这些方法的区别在于this的初始化。第一种使用方法:将下面代码作为一个单独的函数使用函数测试在调用中执行,在这种情况下函数是JavaScript中的全局对象。因为html中默认的全局对象是页面本身,所以函数也属于html页面。如果页面对象是浏览器中的浏览器窗口,则函数测试会自动成为windows对象的一个??函数。在这种情况下,testfunction()和window.testFunction()之间没有区别。第二种使用方法:函数作为一个全局对象,使用如下代码functionmytestFunction(){returnthis;}mytestFunction();在这种情况下,函数没有自己的对象可以调用,this的值就会成为全局对象,this的值就是windows对象。在浏览器的情况下,全局对象是浏览器窗口。第三种使用方法:函数作为方法也可以在JavaScript中定义对象方法(函数),代码如下:varmyshili={xing:"zhang",ming:"san",mytest:function(){document.write(this.xing+""+this.ming)}}myshili.mytest();上面创建了一个对象myshili,找到了一个有两个属性xing和ming的对象,还有一个方法mytest,这段代码的返回值为“zhangsan”。第四种使用方法:关键字new出现在构造函数的函数调用之前,使用构造函数。这不是简单地创建一个新函数,而是通过javascript函数重新创建一个对象。代码如下:functiontestFunction(arg1,arg2){this.firstName=arg1;this.lastName=arg2;}varx=newtestFunction("John","Doe");x.firstName;新对象将继承构造函数的属性和方法。