JavaScript函数调用经典实例代码

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

JavaScript函数调用经典例题

1.输入框判断是不是闰年

2.随机数判断是不是闰年

3.输入框判断是不是质数

4.随机数判断是不是质数

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

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

html代码:

  是否为闰年
是否为质数

js代码:

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

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

总结

到此这篇关于JavaScript函数调用的文章就介绍到这了,更多相关JavaScript函数调用内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!

以上就是JavaScript函数调用经典实例代码的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程