,,JavaScript函数调用经典实例代码

,,JavaScript函数调用经典实例代码

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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: