js 函数调用

JavaScript023

js 函数调用,第1张

js是事件驱动的,一个节点可以发生很多种事件,包括click事件。在js中,当节点发生某一个事件时,可以为该事件绑定一个处理函数。也就是类似的 document.getElementById("myBtn").onclick = function(){} 所要注意的是,这个节点的onclick属性,需要赋给一个函数类型的值,才可以处理事件。 但是displayDate()并不是一个函数,你可以说你定义了displayDate函数,但displayDate()也就是加了一对括号的displayDate,是函数执行了,displayDate()是等价于displayDate的返回值的。在displayDate函数里,只是给id为demo的节点重新设置了内容,没有返回值,所以默认的就是undefined。 那么如果写成 document.getElementById("myBtn").onclick = displayDate()实际上是等价于 document.getElementById("myBtn").onclick = undefined显然undefined是不能作为节点事件的处理函数的。 但是,也不是一定要加上function(){},你可以写成这样: document.getElementById("myBtn").onclick = displayDate虽然displayDate()不是函数,但displayDate却是函数,是可以作为节点事件的处理函数的。

具体调用情况需要看js方法是怎么写的。

①如果是最简单的一个方法:functiuon dome1(){ //.代码块}//调用方法就是:dome1()。

②如果是闭包形式:function dome1(){ function dome2(){ } return function dome3(){ }}//这里可以访问dome1方法内的dome3方法,dome2方法对与dome1方法外部是不可见的。

③如果是一个对象形式的:var obj={ dome1:function(key,value){}, dome2:function(){}}//访问dome1和dome2方法:obj.dome1(1,2)obj.dome2()。

他的情况需要看具体的代码。

扩展资料

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数语法,函数就是包裹在花括号中的代码块,前面使用了关键词 function: 当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

创建函数的语法

function函数名 (var1, var2, ..., varX) {代码... }

function函数名 (var1, var2, ..., varX) {代码... }

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。

注意:无参数的函数必须在其函数名后加括号:

function函数名 ()  { 代码...  }

function函数名 ()  { 代码...  }

注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

参考资料:百度百科——JavaScript 函数

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 = 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)