谈谈JavaScript中的函数


Posted in Javascript onSeptember 08, 2020

JS中的函数简介

JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装,然后供调用方无限制的调用。

JS中的函数的定义

JS中函数定义,有如下两种形式:

方式1

function f1(){} //函数声明,f1为函数名,可以将其理解为变量f1指向一个函数
function f2(){return 100;}//函数允许有返回值
function f3(a,b){}//函数中可以定义多个参数,无需指定变量类型

方式2

var f4=function(){} //函数表达式,这里变量名f4为函数名
var f5=function(){return 100;}//函数允许有返回值
var f6=function(a,b,c){}

案例分享

谈谈JavaScript中的函数

JS中的函数调用

JS中的函数定义好以后,必须调用才会执行,常用调用方式有如下两种:

方式1:通过函数名直接调用

f1();
f3(10,20); //调用函数时指定其实际参数
f6(10,20,30)

方式2:匿名函数自调用,目的是创建函数作用域,防止污染全局.

(function(){})()
(function(){}())

案例分享

基于函数名进行调用

谈谈JavaScript中的函数

函数的自调用

谈谈JavaScript中的函数

回调函数

JS中的回调函数,将函数以实参的形式进行传递。

function f(callback){
 callback()//调用传入的匿名函数
};//定义函数
f(function(){console.log("hello"))//调用函数,函数内部传入的匿名函数为回调函数

案例分享

JS中的回调函数,将函数以实参的形式进行传递。

function f(callback){
 callback()//调用传入的匿名函数
};//定义函数
f(function(){console.log("hello"))//调用函数,函数内部传入的匿名函数为回调函数

案例分享

谈谈JavaScript中的函数

总结(Summary)

本小节主要从函数的概念,定义,调用,回调几个角度对函数做了一个基本介绍,小试伸手,用于交流。

以上就是谈谈JavaScript中的函数的详细内容,更多关于JavaScript 函数的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
button没写type=button会导致点击时提交
Mar 06 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 #Javascript
浅析JavaScript 函数柯里化
Sep 08 #Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 #Javascript
JavaScript 事件代理需要注意的地方
Sep 08 #Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 #Javascript
详解JavaScript的this指向和绑定
Sep 08 #Javascript
vue点击按钮实现简单页面的切换
Sep 08 #Javascript
You might like
桌面中心(一)创建数据库
2006/10/09 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
python定时执行指定函数的方法
2015/05/27 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
Python爬虫之网页图片抓取的方法
2018/07/16 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
python分数表示方式和写法
2019/06/26 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
小学新教师培训方案
2014/02/03 职场文书
个人自我评价范文
2014/02/05 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
商业用房租赁协议书
2014/10/13 职场文书
致青春观后感
2015/06/09 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers