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利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
jQuery选择器全面总结
Jan 06 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 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
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
php向js函数传参的几种方法
2014/08/10 PHP
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
php导入模块文件分享
2015/03/17 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
2016/07/11 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
BootStrap TreeView使用实例详解
2017/11/01 Javascript
详解VUE 数组更新
2017/12/16 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
python实现视频分帧效果
2019/05/31 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
会计找工作求职信范文
2013/12/09 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
优秀教师申报材料
2014/12/16 职场文书
鲁迅故里导游词
2015/02/05 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书