位置: 编程技术 - 正文

JavaScript 函数模式详解及示例(js函数详解)

编辑:rootadmin

推荐整理分享JavaScript 函数模式详解及示例(js函数详解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教程函数,javascript教程函数,javascript函数大全,javascript教程函数,javascript函数用法,javascript数学函数,js函数详解,javascript数学函数,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript设计模式的作用是提高代码的重用性,可读性,使代码更容易的维护和扩展

在javascript中,函数是一类对象,这表示他可以作为参数传递给其他函数;此外,函数还可以提供作用域。

创建函数的语法

命名函数表达式

可见,他们引用的是同一函数,但这只在函数体内有效。

但是,你不能通过调用bar()来调用该函数。

函数表达式

为变量 add 赋的值是函数定义本身。这样,add 就成了一个函数,可以在任何地方调用。

函数的声明

在尾随的分号中,函数表达式应总是使用分号,而函数的声明中并不需要分号结尾。

声明式函数与函数表达式的区别在于:在JS的预编译期,声明式函数将会先被提取出来,然后才按顺序执行js代码:

console.log(f1);//[Function: f1]console.log(f2);//undefined,Javascript并非完全的按顺序解释执行,而是在解释之前会对Javascript进行一次“预编译”,在预编译的过程中,会把定义式的函数优先执行

由于声明函数都会在全局作用域构造时候完成,因此声明函数都是window对象的属性,这就说明为什么我们不管在哪里声明函数,声明函数最终都是属于window对象的原因了。

在javascript语言里任何匿名函数都是属于window对象。在定义匿名函数时候它会返回自己的内存地址,如果此时有个变量接收了这个内存地址,那么匿名函数就能在程序里被使用了,因为匿名函数也是在全局执行环境构造时候定义和赋值,所以匿名函数的this指向也是window对象

函数声明与表达式

函数的提升(hoisting)

函数声明的行为并不等同于命名函数表达式,其区别在于提升(hoisting)行为,看下面例子:

对于所有变量,无论在函数体的何处进行声明,都会在内部被提升到函数顶部。而对于函数通用适用,其原因在于函数只是分配给变量的对象。

提升,顾名思义,就是把下面的东西提到上面。在JS中,就是把定义在后面的东西(变量或函数)提升到前面中定义。 从上面的例子可以看出,在函数hoist内部中的foo和bar移动到了顶部,从而覆盖了全局foo和bar函数。局部函数bar和foo的区别在于,foo被提升到了顶部且能正常运行,而bar()的定义并没有得到提升,仅有它的声明被提升,所以,当执行bar()的时候显示结果为undefined而不是作为函数来使用。

即时函数模式

函数也是对象,因此它们可以作为返回值。使用自执行函数的好处是直接声明一个匿名函数,立即使用,省得定义一个用一次就不用的函数,而且免了命名冲突的问题,js中没有命名空间的概念,因此很容易发生函数名字冲突,一旦命名冲突以最后声明的为准。

JavaScript 函数模式详解及示例(js函数详解)

模式一:

模式二:自执行函数变量的指向

模式三:嵌套函数

模式四:自执行函数把它的返回值赋给变量

模式五:函数内部执行自身,递归

回调模式

回调函数:当你将一个函数write()作为一个参数传递给另一个函数call()时,那么在某一时刻call()可能会执行(或者调用)write()。这种情况下,write()就叫做回调函数(callback function)。

异步事件监听器

回调模式有许多用途,比如,当附加一个事件监听器到页面上的一个元素时,实际上是提供了一个回调函数的指针,该函数将会在事件发生时被调用。如:

document.addEventListener("click",console.log,false);上面代码示例展示了文档单击事件时以冒泡模式传递给回调函数console.log()的

javascript特别适用于事件驱动编程,因为回调模式支持程序以异步方式运行。

超时

使用回调模式的另一个例子是,当使用浏览器的window对象所提供的超时方法:setTimeout()和setInterval(),如:

库中的回调模式

当设计一个js库时,回调函数将派上用场,一个库的代码应尽可能地使用可复用的代码,而回调可以帮助实现这种通用化。当我们设计一个庞大的js库时,事实上,用户并不会需要其中的大部分功能,而我们可以专注于核心功能并提供“挂钩形式”的回调函数,这将使我们更容易地构建、扩展,以及自定义库方法

Curry化

Curry化技术是一种通过把多个参数填充到函数体中,实现将函数转换为一个新的经过简化的(使之接受的参数更少)函数的技术。———【精通JavaScript】

简单来说,Curry化就是一个转换过程,即我们执行函数转换的过程。如下例子:

当第一次调用add()时,它为返回的内部函数创建了一个闭包。该闭包将原始的x和y值存储到私有变量oldx和oldy中。

现在,我们将可使用任意函数curry的通用方法,如:

何时使用Curry化

当发现正在调用同一个函数时,并且传递的参数绝大多数都是相同的,那么该函数可能是用于Curry化的一个很好的候选参数

js变量提升深入理解 JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量提升到函数顶部:'usestrict';functionfoo(){varx='Hello,'+y;alert(x);vary='Bob';}foo();

javascript学习笔记_浅谈基础语法,类型,变量 基础语法、类型、变量非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身)1、用x!=x,当x为NaN时才返回true;2、用isNaN(x),当x为NaN或非

JavaScript学习笔记整理_关于表达式和语句 表达式和语句eval()只有一个参数参数非字符串时,直接返回这个参数;参数为字符串时,它把字符串当成JavaScript代码进行编译,编译失败则抛出语法错

标签: js函数详解

本文链接地址:https://www.jiuchutong.com/biancheng/373582.html 转载请保留说明!

上一篇:每个程序员都需要学习 JavaScript 的7个理由小结(程序员要求高吗)

下一篇:js变量提升深入理解(js用变量值做参数)

  • 增值税开票软件客服电话
  • 如何进行增值税发票认证
  • 城镇土地使用税减免税政策
  • 建筑企业简易计税可以开专票吗
  • 购买软件无形资产
  • 港资企业定义
  • 个税两种申报方式哪种好
  • 预提工资计入哪个科目
  • 年度纳税总额的时间怎么计算
  • 个人如何对公账户汇款
  • 连锁药店总部的首营资料
  • 固定资产抵债要交税吗怎么交
  • 个人转让著作权所得免征个人所得税吗
  • 防伪标识会有假的吗
  • ppp项目是否纳入政府债务
  • 收到投资款不做资本可以做什么?
  • 增值税申报错误怎么处理
  • 投资性房地产公允价值模式账务处理
  • 贴息债券计算公式
  • mac系统怎么玩游戏
  • 其他债权投资的交易费用计入什么科目
  • 广告传媒公司的成本是什么
  • 鸿蒙系统小艺怎么改声音
  • 不吃晚饭多久能瘦下来
  • 如何抓好工程建设
  • bios 和 uefi
  • 二次规划是什么意思
  • 加勒比海百科
  • 商业企业营业收入
  • 研发支出资本化支出在资产负债表哪里体现
  • pytorch go
  • vue实现路由跳转传参
  • css选择器nth
  • linux 常用命令大全及其详解
  • 销售费用占销售额比例怎么算
  • 商场售后返租
  • discuz怎么用
  • 如何利用python进行文本挖掘
  • 补提折旧会计处理
  • 收到购置税完税通知书
  • 个体工商户超过100万怎么缴税
  • 已开发票作废和空白发票作废有什么不一样?
  • js异步方式有哪些
  • 给客户维修设备更换配件怎么开票
  • mongodb导入
  • 2021年股权变更要怎么办理?
  • 企业发生的现金溢余如果无法查明原因
  • 总公司和子公司可以是一个法人吗
  • 已付预付款当月怎么入账
  • 设备转固的前提条件
  • 材料发票税额
  • 专用发票的用途
  • 办公室搬迁工作
  • 未实缴出资的股东退股
  • 购进商品用于销售
  • 本票包括哪些
  • 应收应付账款统计表
  • 社保补差什么流程
  • 企业的案例分析报告
  • sql自动增长是什么意思
  • 安装最新的Google应用
  • ubuntu20.04教程
  • win8安装itunes
  • kpupgrader.exe是什么
  • win8系统安装条件
  • Win10系统无法运行程序
  • bootstrap不支持ie
  • excel 级联
  • Cocos2dx -lua QuickXDev拓展
  • unity shaders and effects cookbook
  • 菜鸟教程 安卓版
  • css首字母大写
  • 阿里面试题和答案
  • data命令
  • angular.js
  • androidapplication
  • python socketcan
  • 跨浏览器插件
  • 收集和整理的区别
  • 增值税发票综合服务平台升级
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设