JS如何定义方法及调用 精选

Posted 小菜与小鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS如何定义方法及调用 精选相关的知识,希望对你有一定的参考价值。

简单搜索了下,遇到点问题
1,经常在JS中看到如var foo = function(){}的形式
foo是方法名还是对象名,如果想调用此方法,是用foo(),foo.function(),还是该如何正确调用。除此之外,希望高手帮忙总结下,JS自定义方法和调用的一个大全,这个可以没有,先谢了

 

 

方法(method)是通过对象调用的javascript函数。也就是说,方法也是函数,只是比较特殊的函数。

函数(function)是一段代码,需要通过名字来进行调用。它能将一些数据(函数的参数)传递进去进行处理,然后返回一些数据(函数的返回值),也可以不返回数据。

当将函数和对象和写在一起时,函数(function)就变成了方法(method)。

为了便于理解方法、函数、对象,我们通过示例来了解一下:

1、JS中定义函数的格式为:

var funname =function(参数a,参数b...){具体方法动作};

或者 function funname(var1,var2){要执行的具体代码}。

举例,var foo=function(a,b){ return a+b; }

在上面函数中,foo就是函数名,而不是对象名。

2、想要调用上式中的函数的话可以直接调用函数名称。

如:sumA=foo(5,6);

也就是sumA直接调用了foo()函数,并且为函数传值(5,6),最终结果sumA=11。

3、你提问中说方法和对象分不清,那我们再来看下如何定义对象,如:

var foo={

fooid:10;

fooname:"对象",

fooFunc:function(){alert(this.fooname);}

在上面程序代码中,foo就成了对象名,fooid、fooname都是对象的属性,而fooFunc函数就成了该对象的一个方法。

如果想要调用该对象下的fooFunc方法的话,可以使用对象名.方法名,即:foo.funFunc();

对于函数,JS中调用方式有很多,下面就总结介绍一下JS函数调用的四种方法:

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 = new myfunc("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);

技术图片

扩展资料:

在项目开发过程中,也许你会遇这样的情况:

在某一Js文件中需要完成某一功能,但这一功能的大部分代码在另外一个Js文件中已经完成了,自己只需要调用这个方法再加上几句代码就可以实现所需的功能。

例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能,必须注意,将要引入的Js文件代码放在</body>下面。

首先,我们在html中引入b.js,并在</body>之后加入引用语句。如下:

技术图片      

 

b.js文件如下:

技术图片

 

在b.js文件中前4行代码中我们引入了a.js文件,并在第7行代码中调用了a.js代码中的a()方法。

让我们来分析一下关键的几句代码:首先,我们利用document.createElement("script")生成了一个script的标签,设置其type属性为text/javascript,src为a.js(这里的a.js同b.js放在同一个目录,也可放在不同的目录)。

最后将这个标签动态地加入body中。如此一来,我们就可以调用到不同js文件中的方法了。

以上是关于JS如何定义方法及调用 精选的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序高频面试题——精选一

2021最新Java笔试题及答案,Java面试真题精选

优雅代码14-guava精选方法及eventBus观察者模式源码解析

阿里P8架构总结:不得不会的124道精选的Java面试题分享

2021年最新Web前端面试题精选大全及答案

CSDN问答——精选问答Vol.2