熟练掌握JavaScript函数这四种方法,离javaScript高手又进一步!
栏目: JavaScript · 发布时间: 7年前
内容简介:函数是由若干代码构成,具有独立功能的程序。在面向对象的编程语言中(java、c++、php等)函数又称为方法。函数的出现大大提高了编程效率,也便于编程模块化。今天主要为大家讲解JavaScript中常见的几种使用方法。这几种方式的不同的地方在与this 的初始化。如下代码在这个例子中函数test在调用中被执行,这种情况下函数在JavaScript中是全局对象。因为在html中默认全局对象就是页面本身,所以函数也属于html页面。如果是在浏览器中页面对象是浏览器窗口,函数test会自动变为windows对象
函数是由若干代码构成,具有独立功能的程序。在面向对象的编程语言中(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;
新对象会继承构造函数的属性和方法。
【责任编辑:庞桂玉 TEL:(010)68476606】
以上所述就是小编给大家介绍的《熟练掌握JavaScript函数这四种方法,离javaScript高手又进一步!》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
极简算法史:从数学到机器的故事
[法] 吕克•德•布拉班迪尔 / 任轶 / 人民邮电出版社 / 2019-1 / 39.00元
数学、逻辑学、计算机科学三大领域实属一家,彼此成就,彼此影响。从古希腊哲学到“无所不能”的计算机,数字、计算、推理这些貌似简单的概念在三千年里融汇、碰撞。如何将逻辑赋予数学意义?如何从简单运算走向复杂智慧?这背后充满了人类智慧的闪光:从柏拉图、莱布尼茨、罗素、香农到图灵都试图从数学公式中证明推理的合理性,缔造完美的思维体系。他们是凭天赋制胜,还是鲁莽地大胆一搏?本书描绘了一场人类探索数学、算法与逻......一起来看看 《极简算法史:从数学到机器的故事》 这本书的介绍吧!