运维开发网

JavaScript函数调用经典示例代码

运维开发网 https://www.qedev.com 2022-05-06 16:09 出处:网络
JavaScript提供了4种函数调用,一般形式的函数调用、作为对象的方法调用、使用call和apply动态调用、使用new间接调用,下面这篇文章主要给大家介绍了关于JavaScript函数调用的相关

JavaScript提供了4种函数调用,一般形式的函数调用、作为对象的方法调用、使用call和apply动态调用、使用new间接调用,下面这篇文章主要给大家介绍了关于JavaScript函数调用的相关


JavaScript函数调用经典例题

1.输入框确定是否是闰年。

2.随机数来判断是否是闰年。

3.输入框判断是否是质数。

4.随机数决定它是否是质数。

5.封装判断日期是否合法的函数。

思考:首先我们用函数调用的方法,把需要调用的函数都写在js文件夹里,调用的时候会更方便。重要的是不要忘记将js引入html。

Html代码:

lt;bodygt; lt;spangt;是否为闰年lt;/spangt; lt;input type="text" id='inp1'gt; lt;brgt; lt;spangt;是否为质数lt;/spangt; lt;input type="text" id="inp2"gt; lt;brgt; lt;!-- 外部引入js 文件 --gt; lt;script src="../js/tools_practice.js"gt;lt;/scriptgt; lt;scriptgt; //调用获取对象函数 var oInp1 = get('inp1'); //判断是否为闰年 var year = leap_year(2004) ; //赋值给输入框 if(year){ oInp1.value = '是闰年' ; } else{ oInp1.value = '不是闰年' ; } //调用随机数生成一个年份判断是否为闰年 var y = rand(1000 , 2000) ; var res = leap_year(y) ; if(res){ document.write('随机数' + y + '是闰年' +'amp;;amp;;amp;;amp;;') ; } else{ document.write('随机数' + y + '不是闰年' + 'amp;;amp;;amp;;amp;;') ; } //调用函数拿到相关对象 var oInp2 = get('inp2') ; //输入框判断是否为质数 var n = isZhi(14) ; //赋值给判断质数输入框 if(n){ oInp2.value = '是质数' } else{ oInp2.value = '不是质数' } //调用随机数生成一个数字判断是否为质数 var num = rand(0,1000) ; var res3 = isZhi(num) ; if(res3){ document.write('随机数' + num + '是质数' +'amp;;amp;;amp;;amp;;') ; } else{ document.write('随机数' + num + '不是质数' +'amp;;amp;;amp;;amp;;') ; } //封装函数,判断日期是否合法 var da = data(1233,1,32) ; if(da){ document.write('日期合法' +'amp;;amp;;amp;;amp;;') ; } else{ document.write('日期不合法' +'amp;;amp;;amp;;amp;;') ; } lt;/scriptgt;lt;/bodygt;

Js代码:

//功能:判断某年是否为闰年//参数:// number//返回值:// booleanfunction leap_year(x) { if (x % 4 === 0 amp;amp; x % 100 !== 0 || x % 400 === 0) { return true; } return false;}//获取对象function get(id) { return document.getElementById(id);}//功能:产生某个范围内的随机整数//参数:// min number 范围最小值// max number 范围最大值//返回值:// numberfunction rand(min, max) { return Math.round(Math.random() * (max - min) + min);}//功能:判断一个数是否为质数//参数 :// number//返回值:// booleanfunction isZhi(n) { for (var i = 2; i lt; n; i++) { if (n % i === 0) { return false; } } return true;}//功能:判断日期是否合法//参数:// y number 年份// m number 月份// d number 日期//返回值:// booleanfunction data(y, m, d) { //先判断年 --gt; 在判断月 --gt; 在判断日期 //判断年 : if (y gt;= 1000 amp;amp; y lt;= 2000 amp;amp; y % 1 === 0) { //判断月 if (m gt;= 1 amp;amp; m lt;= 12 amp;amp; 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 amp;amp; y % 100 != 0 || y % 400 === 0) { maxDay = 29; } else { maxDay = 28; } } //判断日期 if(d gt;= 1 amp;amp; d lt;= maxDay amp;amp; d % 1 === 0){ return true ; } } } return false ;}


JS函数的定义与调用方法

JS函数调用的四种方法:方法调用模式、函数调用模式、构造函数调用模式、apply、call call调用模式。

1.方法调用模式:

先定义一个对象,然后在对象的属性中定义一个方法,通过myobject.property执行方法这是指当前的myobject?对象。

var blogInfo={  blogId:123,  blogName:"werwr",  showBlog:function(){alert(this.blogId);}};blogInfo.showBlog();

2.函数调用模式

定义一个函数,设置一个变量名来保存函数,然后这个函数指向窗口对象。

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 .应用呼叫模式

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


总结

关于JavaScript函数调用的这篇文章到此为止。更多相关JavaScript函数调用内容,请搜索源搜网之前的文章或者继续浏览下面的相关文章。希望大家以后能多支持

0

精彩评论

暂无评论...
验证码 换一张
取 消