谈谈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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
jQuery 工具函数学习资料
Apr 29 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
通过JS获取用户本地图片路径并显示的代码
Feb 16 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
Dec 13 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
详解JS WebSocket断开原因和心跳机制
May 07 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
php学习之function的用法
2012/07/14 PHP
PHP5函数小全(分享)
2013/06/06 PHP
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
详解Nodejs基于mongoose模块的增删改查的操作
2016/12/21 NodeJs
jQuery编写网页版2048小游戏
2017/01/06 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
Python打印斐波拉契数列实例
2015/07/07 Python
PyQt5每天必学之组合框
2018/04/20 Python
Python操作mongodb的9个步骤
2018/06/04 Python
用Python逐行分析文件方法
2019/01/28 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
使用Django清空数据库并重新生成
2020/04/03 Python
Keras loss函数剖析
2020/07/06 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
2014年计算机专业个人自我评价
2014/01/19 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
会议通知范文
2015/04/15 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang