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);
html中调用javascript函数基本有两种方法:
通过元素的事件来调用javascript函数。
<html>
<head>
<title>javascript函数调用</title>。
</head>
<body>
<button onclick="demo()">点击调用demo函数</button>。
<script>
function demo()。
alert("调用成功");
</script>。
</body>
<html>
效果图
使用addEventListener调用函数。
<html>
<head>
<title>javascript函数调用</title>。
</head>
<body>
<button id="btn">使用addEventListener调用函数</button>。
<script>
document.getElementById("btn").addEventListener("click",demo);。
function demo() {。
alert("addEventListener调用函数成功");。
}
</script>。
</body>
</html>
以上就是通过HTML调用javascript函数,分别为DOM级和DOM2级函数调用,还有DOM3函数调用,但是与DOM2级函数差别不大,就不做讲解。在实际开发中DOM2级函数调用更多的被使用。
JavaScript函数有4种调用方式。
在body的onload事件中写。
需要提醒的是,不同的浏览器对于body的onload事件有不同的解释,能不能执行是个问题。现在一些浏览器可以执行,有的却不能,因为body的onload事件是由于ie 的原因,但是有些浏览器在执行起来却会出现问题。
具体方法如下:
window.onload=function()//用window的onload事件,窗体加载完毕的时候。
//do something
</script>。
另外说明一下,就算你用body的onload事件,也最好加上JavaScript。
body onload="javascript:XXX()"。
因为,ie和火狐对于这两个写法解释是不一样的,ie默认是JScript,火狐等新兴浏览器默认是JavaScript,至于JScript和JavaScript有什么不同,两个之间差异很大,对于有些方法两个是可以共用的。
但是很多都不能共用,又因为现在的浏览器都支持JavaScript,但是只有ie支持JScript。
扩展资料
调用带参数的函数:
在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。
您可以发送任意多的参数,由逗号 (,) 分隔:
myFunction(argument1,argument2)。
当您声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2)。
这里是要执行的代码
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
参考资料:百度百科-JavaScript。
几种情况把。
你可以把c作为a()的返回值返回给a,然后你就可以在b中用c了:
function a(){ 。
var c=2;
//
return c;
}
function b(){
var c = a();//a返回的就是c的值。
}
2.如果b函数是a函数的内部函数的话可以直接用:
function a(){
var c=2;
//
function b(){ var d = c;};。
}
3.如果a和c没有从属关系,那么可以利用闭包,来让外部函数调用其他函数的局部变量:
function a(){
var c=2;
return function(){。
alert(c);。
}
}
var b = a();
b();//ok函数引用了a里面的变量c。
希望对你有帮助!