WEB前端 -- JS函数的定义与调用方法

标签: JS函数的定义 调用方法
109人阅读 评论(0) 收藏 举报
分类:

JS函数的定义与调用方法

JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式

1.方法调用模式:

先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject

对象。

var blogInfo={

blogId:123,

blogName:"werwr",

showBlog:function(){alert(this.blogId);}

};

blogInfo.showBlog();

2.函数调用模式

定义一个函数,设置一个变量名保存函数,这时this指向到window对象。

var myfunc = function(a,b){

return a+b;

}

alert(myfunc(3,4));

3.构造器调用模式

定义一个函数对象,在对象中定义属性,在其原型对象中定义方法。在使用prototype的方法时,必须实例化该对象才能调用其方法。

var myfunc = function(a){

this.a = a;

};

myfunc.prototype = {

show:function(){alert(this.a);}

}

var newfunc = newmyfunc("123123123");

newfunc.show();

4.apply,call调用模式

var myobject={};

var sum = function(a,b){

return a+b;

};

var sum2 = sum.call(myobject,10,30);//var sum2 = sum.apply(myobject,[10,30]);

alert(sum2);

查看评论

web前端之JavaScript,调用函数的5种方法

JavaScript,调用函数的5种方法    一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样...
  • qq_33559304
  • qq_33559304
  • 2016-11-18 09:20:02
  • 989

Javaweb中JavaScript的函数定义

函数:函数的定义格式:function 函数名(形参列表){ 函数体 ; } javascript的函数要注意的细节: 1. 在 javascript中函数定义形参时是不能...
  • qq_15124475
  • qq_15124475
  • 2016-11-28 14:52:38
  • 485

【web开发 js回调】JavaScript回调函数的理解与使用

一、理解js回调函数要理解js中的回调,首先来看一下某jQuery网站上的英文定义,感觉理解起来比较清晰: A callback is a function that is passed as a...
  • dengpeng0419
  • dengpeng0419
  • 2017-03-29 22:00:48
  • 1206

前端调用后台接口的几种方式

一、Ajax方式 首先,要做这个功能前,我们必须先查阅后台接口文档,了解使用登录接口时,需要提交哪些参数,并且接口使用返回的数据。  这里我使用了一个返回json格式数据的登录接口为例,讲...
  • jitianxia68
  • jitianxia68
  • 2017-10-30 15:21:24
  • 1600

Thrift生成Java端和JavaScript端代码,并实现前端调用后端的方法

Thrift生成Java端和JavaScript端代码,并在前端调用后端的方法,服务通过Vertx提供 1.什么是Thrift 下面这篇文章介绍的很详细,可以点进去了解一下什么是Thrift h...
  • qq_25788637
  • qq_25788637
  • 2018-03-08 20:26:39
  • 65

JS函数的定义与调用方法

JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式 1.方法调用模式: 先定义一个对象,然后在对象的属性中定义方法,通过myobject.prop...
  • u011500781
  • u011500781
  • 2015-07-29 16:05:42
  • 330

javascript函数的声明、调用、传参和返回值

在javascript中函数的声明方法有两种: function func (){ alert("hello,world"); } var func =new Function (alert("...
  • sir1241
  • sir1241
  • 2016-10-11 15:58:47
  • 702

前端开发之调用天气api

高德接口:key自己申请哈 呵呵,记住创建key的时候一定要选web服务,不是web前端,否则失败 http://restapi.amap.com/v3/weather/weatherInfo?ke...
  • Revival_Liang
  • Revival_Liang
  • 2017-06-16 09:27:53
  • 1246

[免费]web<em>前端</em>iframe相互<em>调用方法</em>详解

框架采用的是嵌入iframe机制,不可避免的要用到各个iframe页面之间<em>方法</em>和属性的相互<em>调用</em>。这里介绍的知识非常重要,不光是在QUICK UI框架中适用,在其他有关iframe的...
  • 2018年04月15日 00:00

用javascript改变onclick调用的函数

正需要做这个功能,发现不是自己想象中的那样.在网上找了一些资料,终于找到了解决办法.首先列出一些错误的方法吧.(这里设obj代表你所要引用的对象.obj = document.getElementBy...
  • dj4kobe
  • dj4kobe
  • 2008-06-11 08:59:00
  • 6031
    个人资料
    持之以恒
    等级:
    访问量: 5705
    积分: 954
    排名: 5万+
    文章存档