JS函数基本定义与用法示例


Posted in Javascript onJanuary 15, 2020

本文实例讲述了JS函数基本定义与用法。分享给大家供大家参考,具体如下:

<html>
    <head>
        <title>js函数</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
//  三种函数的声明方法
//            function test1(a1,a2){
//                console.log("函数声明的第一种方法" + a1 + a2);
//            }
//            test1();
//            test1(1);
//            test1(1,2);
//            var test2 = new Function("a1","a2","console.log('函数声明的第二种方法' + a1 + a2)");
//            test2();
//            test2(1);
//            test2(1,2);
//            var test3 = function(a1,a2){
//                console.log("函数声明的第三种方法" + a1 + a2);
//            }
//            test3();
//            test3(1);
//            test3(1,2);

//  有返回值的函数
//            function action(a1,a2){
//                console.log("clannad赛高");
//                return "没错";
//            }
//            var act=action();
//            console.log(act);
//            console.log(action);
//            console.log(action());
//  函数返回值为函数的函数
//            function action(a){    //这个函数是把输入的参数内容打印出来。
//                console.log(a);
//            }
//            var actioned = function(){  //一个含有返回值的函数
//                return "clannad赛高,没错";
//            }
//            action(actioned);
//            action(actioned());
//  一个比较常用的方法
            function extract(fn){
//                fn();
                console.log(fn);
                console.log(fn());      //先对function的内容进行执行,然后用console.log输出fn运行后的结果(即返回值)
            }
            extract(function(){
                console.log("我运行了吗");
                return "clannad赛高,没错";
            })
        </script>
    </head>
    <body>
        <h3>js函数</h3>
    </body>
</html>

运行结果:

JS函数基本定义与用法示例

函数调用时,没有参数限制,定义函数时,即使调用了参数个数不足,也不会报错,因为参数默认为undefined类型。

上面的三种函数的定义方法虽然不同,但是其对应的底层思想是相同的,其都相当于一个变量封装了一个函数类型的对象。

在js中,()是函数的执行符号,但输入()代码才会执行,相应的console.log(函数名)其仅仅只能打印出函数的内容,但在其内部添加了()其不仅会执行代码还会打印出其对应的返回值(如果用的话)

有一种常用的方式,就如同代码最后的命名方式,定义一个执行函数的函数

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery中animate动画积累的解决方法
Oct 05 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
Sep 29 Javascript
微信小程序实现左右列表联动
May 19 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
吃通javascript正则表达式
Apr 21 Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 #Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 #Javascript
vue移动端使用canvas签名的实现
Jan 15 #Javascript
js实现鼠标拖拽div左右滑动
Jan 15 #Javascript
Vue数字输入框组件示例代码详解
Jan 15 #Javascript
Vue v-bind动态绑定class实例方法
Jan 15 #Javascript
JS 事件机制完整示例分析
Jan 15 #Javascript
You might like
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
使用Apache的rewrite
2021/03/09 Servers
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
2016/05/17 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
JS代码实现页面切换效果
2021/01/10 Javascript
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
Python求算数平方根和约数的方法汇总
2016/03/09 Python
python之Socket网络编程详解
2016/09/29 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
Python实现的rsa加密算法详解
2018/01/24 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
Python3内置模块random随机方法小结
2019/07/13 Python
Python while true实现爬虫定时任务
2020/06/08 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
护士检查书
2014/01/17 职场文书
战友聚会邀请函
2014/01/18 职场文书
软件测试专业推荐信
2014/09/18 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
python+opencv实现视频抽帧示例代码
2021/06/11 Python
python基础入门之字典和集合
2021/06/13 Python