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 相关文章推荐
js parentElement和offsetParent之间的区别
Mar 23 Javascript
Jquery ajaxsubmit上传图片实现代码
Nov 04 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
js中switch case循环实例代码
Dec 30 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
layui实现三级导航菜单
Jul 26 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
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 连接mysql连接被重置的解决方法
2011/02/15 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
python实现将内容分行输出
2015/11/05 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python安装Scrapy图文教程
2017/08/14 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
Python批量修改图片分辨率的实例代码
2019/07/04 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
Python面向对象之Web静态服务器
2019/09/03 Python
python的Jenkins接口调用方式
2020/05/12 Python
python logging模块的使用
2020/09/07 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
花卉与景观设计系大学生求职信
2013/10/01 职场文书
信息管理专业推荐信
2013/10/29 职场文书
毕业生的求职信范文分享
2013/12/04 职场文书
马云的职业生涯规划之路
2014/01/01 职场文书
骨干教师培训制度
2014/01/13 职场文书
年级组长自我鉴定
2014/02/22 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
检举信的格式及范文
2014/04/04 职场文书
《中国梦我的梦》小学生演讲稿
2014/08/20 职场文书
求职自我评价参考范文
2019/05/16 职场文书