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 相关文章推荐
菜鸟javascript基础资料整理2
Dec 06 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
Vue实现双向数据绑定
May 03 Javascript
原生JavaScript实现Ajax异步请求
Nov 19 Javascript
JS中的BOM应用
Feb 02 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
JS创建自定义对象的六种方法总结
Dec 15 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
PHP实现的功能是显示8条基色色带
2006/10/09 PHP
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
微信小程序自定义底部弹出框
2020/11/16 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Python实现网站表单提交和模板
2019/01/15 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
TensorFlow2.0:张量的合并与分割实例
2020/01/19 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
python代码实现猜拳小游戏
2020/11/30 Python
医学毕业生自我鉴定
2013/10/30 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
高中生期末评语
2014/01/28 职场文书
护士岗位职责
2014/02/16 职场文书
党员实事承诺书
2014/03/26 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
银行业务授权委托书
2014/10/10 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
监理中标通知书
2015/04/16 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python