熟练掌握javaScript函数这四种方法,离高手又进一步!

函数是由若干代码构成,具有独立功能的程序。在面向对象的编程语言中(java、c++、php等)函数又称为方法。函数的出现大大提高了编程效率,也便于编程模块化。

今天主要为大家讲解JavaScript中常见的几种使用方法。这几种方式的不同的地方在与this 的初始化。

熟练掌握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()是没有区别的。

熟练掌握javaScript函数这四种方法,离javaScript高手又进一步!

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

如下代码

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"。

熟练掌握javaScript函数这四种方法,离javaScript高手又进一步!

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

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

function testFunction(arg1, arg2) {

this.firstName = arg1; this.lastName = arg2;

}

var x = new testFunction("John","Doe");

x.firstName;

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

关于“javaScript函数”先聊到这。每天学习一个知识点,每日寄语”读书三决:第一步,以古为敌。第二步,以古为友。第三步,以古为徒。

最后,如果有想一起学习web前端,HTML5及JavaScript的可以来一下我的前端群733581373,好友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时的讲一些前端的炫酷特效,及前端直播课程学习

如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端技术圈’或者‘webxh6’关注后回复‘2018’可以领取一套完整的学习视频

猜你喜欢

转载自blog.csdn.net/qq_40433465/article/details/85035849