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

Posted 2021-02-14 小菜与小鸟

简单搜索了下，遇到点问题
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文件中的方法了。