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

开发 前端
函数是由若干代码构成,具有独立功能的程序。在面向对象的编程语言中(java、c++、php等)函数又称为方法。函数的出现大大提高了编程效率,也便于编程模块化。今天主要为大家讲解JavaScript中常见的几种使用方法。这几种方式的不同的地方在与this 的初始化。

函数是由若干代码构成,具有独立功能的程序。在面向对象的编程语言中(java、c++、php等)函数又称为方法。函数的出现大大提高了编程效率,也便于编程模块化。今天主要为大家讲解JavaScript中常见的几种使用方法。这几种方式的不同的地方在与this 的初始化。 

[[245669]]

 

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

如下代码 

  1. function testFunction(A, a)  
  2.  
  3. return A * a*A;  
  4.  
  5. testFunction(10, 2); // testFunction(10, 2) 返回200。  

在这个例子中函数test在调用中被执行,这种情况下函数在JavaScript中是全局对象。因为在html中默认全局对象就是页面本身,所以函数也属于html页面。如果是在浏览器中页面对象是浏览器窗口,函数test会自动变为windows对象的函数,在这种情况下testfunction()和window.testFunction()是没有区别的。 

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

 

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

如下代码 

  1. function mytestFunction()  
  2.  
  3. return this;  
  4.  
  5. mytestFunction();  

这种情况下函数没有自身对象调用,this的值会变成全局对象,this的值是windows对象,如果是在浏览器中全局对象是浏览器窗口。

第三种使用方法:函数作为方法使用

在JavaScript 中也可以定义对象方法(函数),代码如下: 

  1. var myshili = {xing:"zhang", ming: "san", mytest:function(){document.write(this.xing + " " + this.ming)}} 
  2.  
  3. myshili.mytest();  

上面的创建了一个对象myshili,找个对象有两个属性xing和ming,还有一个方法mytest, 这段代码返回值是 "zhang san"。 

[[245670]] 

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

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

  1. function testFunction(arg1, arg2) {  
  2. this.firstName = arg1;  
  3. this.lastName = arg2;  
  4.  
  5. var x = new testFunction("John","Doe");  
  6. x.firstName;  

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

责任编辑:庞桂玉 来源: 今日头条
相关推荐

2021-05-31 09:02:55

KPI考核工具公司

2017-12-27 10:40:13

UnixLinux习惯

2021-01-05 15:31:36

微软VS Code编程

2022-09-02 14:29:01

JavaScrip数组属性

2011-07-27 12:58:43

Android MarAndroid应用商店

2015-07-03 11:07:34

程序猿作法

2020-09-10 09:44:35

JavaScript

2015-05-27 14:38:14

戴尔云计算

2019-03-22 10:20:39

加速Windows 10启动

2023-09-01 18:20:43

Chrome代码测试版

2011-07-29 15:02:22

LifeSize视频协作

2020-12-10 20:00:04

数字货币比特币区块链

2009-11-30 18:35:05

BizSparkDreamSparkWebSiteSpar

2014-01-08 10:22:28

思科Videoscape

2015-10-19 14:57:51

2009-12-28 10:08:07

OracleSQLDevelope开发框架

2010-03-15 09:40:19

Windows 8研发

2009-08-26 14:48:05

C#委托与事件
点赞
收藏

51CTO技术栈公众号