JavaScript提供了四种函数调用,包括通用函数调用、作为对象的方法调用、使用call和apply的动态调用以及使用new的间接调用。下面这篇文章主要介绍JavaScript函数调用的相关信息,有需要的朋友可以参考一下。
目录
JavaScript函数调用经典示例JS函数定义及调用方法总结
JavaScript函数调用经典例题
1.输入框确定是否是闰年。
2.随机数来判断是否是闰年。
3.输入框判断是否是质数。
4.随机数决定它是否是质数。
5.封装判断日期是否合法的函数。
思考:首先我们用函数调用的方法,把需要调用的函数都写在js文件夹里,调用的时候会更方便。重要的是不要忘记将js引入html。
Html代码:
身体
span是闰年吗
输入类型='text' id='inp1 '
英国铁路公司
span是质数吗/span
输入类型='text' id='inp2 '
英国铁路公司
!-js文件的外部介绍-
脚本src='./js/tools_practice.js'/script
脚本
//调用get对象函数
var oin P1=get(' in P1 ');
//判断是否是闰年。
var year=闰年(2004);
//给输入框赋值
如果(年){
OInp1.value='今年是闰年';
}
否则{
OInp1.value='不是闰年';
}
//调用随机数生成年份,判断是否是闰年。
var y=兰特(1000,2000);
var res=闰年(y);
if(res){
Document.write('随机数' y '是闰年' ' nbspnbspnbsp' nbsp') ;
}
否则{
Document.write('随机数' y '不是闰年' ' nbspnbspnbsp' nbsp') ;
}
//调用函数获取相关对象
var oinp 2=get(' InP 2 ');
//输入框判断是否质数。
var n=isZhi(14);
//为判断质数的输入框赋值
如果(n){
OInp2.value='是质数'
}
否则{
OInp2.value='不是质数'
}
//调用随机数生成一个数来判断是否是质数。
var num=rand(0,1000);
var res3=isZhi(num);
if(res3){
Document.write('随机数' num '是一个质数' ' nbspnbspnbsp' nbsp') ;
}
否则{
Document.write('随机数' num '不是质数' ' nbspnbspnbsp' nbsp') ;
}
//封装函数判断日期是否合法。
var da=data(1233,1,32);
如果(da){
Document.write('法定日期' ' nbsp。nbspnbsp' nbsp') ;
}
否则{
Document.write('非法日期' ' nbsp。nbspnbsp' nbsp') ;
}
/脚本
/body
Js代码:
//功能:判断某年是否是闰年。
//参数:
//数字
//返回值:
//布尔型
函数闰年(x) {
if (x % 4===0 x % 100!==0 || x % 400===0) {
返回true
}
返回false
}
//获取对象
函数get(id) {
返回document . getelementbyid(id);
}
//函数:生成一定范围内的随机整数
//参数:
//最小数字范围最小值
//最大数字范围最大值
//返回值:
//数字
函数rand(最小值,最大值){
return math . round(math . random()*(max-min)min);
}
//函数:判断一个数是否是质数。
//参数:
//数字
//返回值:
//布尔型
函数isZhi(n) {
for(var I=2;I n;i ) {
if (n % i===0) {
返回false
}
}
返回true
}
//功能:判断日期是否合法。
//参数:
//y数字年
//m是$ NUMBER年的月份
//d数字日期
//返回值:
//布尔型
函数数据(y,m,d) {
//首先判断年份——在判断月——在判断日。
//判断年份:
if (y=1000 y=2000 y % 1===0) {
//判断月份
if (m=1 m=12 m % 1===0) {
var maxDay
if(m===1 | | m===3 | | m===5 | | m===7 | | m===8 | | m===10 | | m===12){
maxDay=31
}
else if(m===4 | | m===6 | | m===9 | | m===11){
maxDay=30
}
else if (m===2) {
if (y % 4===0 y % 100!=0 || y % 400===0) {
maxDay=29
}
否则{
maxDay=28
}
}
//判断日期
if(d=1 d=maxDay d % 1===0){
返回true
}
}
}
返回false
}
JS函数的定义与调用方法
JS函数调用的四种方法:方法调用模式、函数调用模式、构造函数调用模式、apply、call call调用模式。
1.方法调用模式:
先定义一个对象,然后在对象的属性中定义一个方法,通过myobject.property执行方法这是指当前的myobject对象。
var blogInfo={
blogId:123,
blogName:“werwr”,
show blog:function(){ alert(this . blogid);}
};
bloginfo . show blog();
2.函数调用模式
定义一个函数,设置一个变量名来保存函数,然后这个函数指向窗口对象。
var myfunc=function(a,b){
返回a b;
}
alert(myfunc(3,4));
3.构造函数调用模式。
定义一个函数对象,在对象中定义属性,并在其原型对象中定义方法。使用prototype的方法时,必须实例化对象才能调用其方法。
var myfunc=函数(a){
this.a=a
};
myfunc.prototype={
show:function(){ alert(this . a);}
}
var new func=new my func(' 123123123 ');
new func . show();
4 .应用呼叫模式
var my object={ };
var sum=函数(a,b){
返回a b;
};
var sum2=sum.call(myobject,10,30);//var sum2=sum.apply(myobject,[10,30]);
警报(sum 2);
总结
这就是这篇关于JavaScript函数调用的文章。更多相关的JavaScript函数调用,请搜索我们之前的文章或者继续浏览下面的相关文章。希望你以后能支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。