位置: 编程技术 - 正文

浅谈javascript 函数表达式和函数声明的区别(javascript中的函数该如何理解)

编辑:rootadmin

推荐整理分享浅谈javascript 函数表达式和函数声明的区别(javascript中的函数该如何理解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js函数的作用,javascript中的函数该如何理解,简述javascript中的函数,javascript函数,javascript函数的作用,js函数的作用,javascript函数如何定义及其作用,javascript函数,内容如对您有帮助,希望把文章链接给更多的朋友!

javascript中声明函数的方法有两种:函数声明式和函数表达式.

区别如下:

1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的.

2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用.

3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而

函数表达式可以在任何地方声明.

下面分别用两种方法定义函数:

下面一个有趣的javascript:

会输出什么呢&#;第一反应应该是"I am outside"吧. 结果在chrome中输出"I am inside",IE直接报错,firefox低一点的版本输出"I am outside"...

chrome输出的结果很明确的反应了用函数声明式声明的函数的特点--函数在声明之前就可以调用.

IE报错显示缺少对象,因为函数声明在了条件里,违背了函数声明式的原则.

函数表达式的作用域:

如果函数表达式声明的函数有函数名,那么这个函数名就相当于这个函数的一个局部变量,只能在函数内部调用,举个栗子:

fact()在函数内部可以调用,在函数外部调用就会报错:fact未定义.fact

我们再来详细看下

函数声明

  函数声明示例代码

代码如下:

  这样我们就声明了一个名称为fn的函数,这里出个思考,你认为在这个函数的上面来调用他的话会执行吗?还是会报错?

代码如下:fn(); // 在之前调用我们声明的fn函数 function fn () { console.log('fn 函数执行..'); // code..}

  控制台输出结果:

浅谈javascript 函数表达式和函数声明的区别(javascript中的函数该如何理解)

  是的,此时fn函数是可以被调用到的,这里来总结下原因。

总结:

  1:此时fn函数是变量的结果,默认存储在全局上下文的变量中(可用 window.函数名 来验证)

  2:此方式为函数声明,在进入全局上下文阶段创建,代码执行阶段,它们已经可用。ps:javaScript在每次进入方法时都会先初始化上下文环境(由全局 → 局部)

  3:它可以影响变量对象(仅影响存储在上下文中的变量)

函数表达式

  函数表达式示例代码

代码如下:

  这样我们就声明了一个匿名函数,并且把它的引用指向了变量fn?

  再次在该表达式声明的函数上下方各调用一次,来看控制台的输出结果。

代码如下:

  控制台打印结果:

  可以看到代码在执行到第一次调用fn()函数的时候,提示:fn is not a function (fn 不是一个方法),遇到错误而终止运行。

  这说明在第一次调用fn()的同时,var fn 变量没有做为全局对象的一个属性而存在,且 fn 引用的匿名函数上下文也没有被初始化,所以在他之前调用失败。

代码如下:

  控制台打印结果:

  可以看出,在该表达式函数之后来调用是可以的,来总结下那是为什么呢?

总结:

  1:首先变量本身不做为一个函数存在,而是一个匿名函数的引用(值类型的不属于引用)

  2:在代码执行阶段,初始化全局上下文时,它没有被做为全局的一个属性而存在,所以不会造成变量对象的污染

  3:该类型的声明一般在插件的开发比较常见,也可做为闭包中回调函数的调用

  所以 function fn () {} 并不等于 var fn = function () {} ,他们有本质上的区别。

标签: javascript中的函数该如何理解

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

上一篇:JavaScript实现下拉菜单的显示和隐藏(js实现下载)

下一篇:JS常见问题之为什么点击弹出的i总是最后一个(javascript常见问题)

  • 计算增值税时要包括关税吗
  • 免征的增值税怎么计算
  • 计提所得税分录计提的时候金额比实际缴纳多
  • 企业代扣代缴个人所得税系统
  • 企业实收资本与股本区别
  • 工资不纳税项目
  • 支付宝支付高速公路发票怎么打印
  • 企业持有到期债券的风险
  • 水费收取违约金投诉回复
  • 企业促销应该采用什么方法
  • 股权投资损失该如何做账务处理及税前扣除相关规定
  • 春节汽车租赁
  • 财产转让所得税计算方法
  • 税务迁移会影响外经证核销吗
  • 企业所得税本季度可以弥补上季度亏损吗?
  • 百旺红字发票申领流程
  • 发票丢失联次
  • 汇算清缴申报后怎样撤销
  • 境内个人去境外开设公司
  • 地铁充值发票会透露个人账户信息吗
  • 购买现金支票的扣费方式
  • 支付拆迁补偿款做账
  • win11玩游戏怎样
  • 期末未抵扣数
  • 购买电脑应该怎么做账
  • mac os x v10.10
  • 办公费用减少的原因
  • php使用方法
  • 残疾人取得房屋所有权
  • 稿酬所得的个税怎么计算
  • php类型转换的两种方法
  • 开具增值税专用发票和普通发票的区别
  • framework怎么用
  • 未分配利润与净利润关系
  • 模型未来的发展趋势
  • Chatgpt私有化部署(全流程)
  • 前端开发工程师是干嘛的
  • 用php编写一个简单的计算器程序
  • php如何做app
  • 贸易公司结转销售成本凭证怎么做
  • js工厂模式创建对象
  • php服务器地址怎么填
  • 应该如何打造自己
  • 免征增值税的项目可以开专票吗
  • 织梦如何开启会员功能
  • 现金流量表年报期末现金余额
  • 报销业务招待费是什么凭证
  • sql server 2008全称
  • access数据库用户名和密码
  • 内账中采购另付的税点算成本还是费用
  • 注册资金只能增加不能减少吗
  • 预收账款确认的条件
  • 经济纠纷引发的抢劫
  • 主营业务成本为什么属于损益类科目
  • 建筑行业的收入做什么科目
  • 公司注销应收账款如何转让给第三方
  • 带息票据贴现时,应将其贴现息直接计入
  • 企业代扣代缴哪些费用
  • 退回的保证金多了一点怎么做分录
  • 健身房健身器材采购清单
  • 报销单扣除金额什么意思
  • 企业开了发票
  • 安装sql server需要注意什么
  • linux怎么用u盘传输文件
  • win8.1原版系统安装教程
  • 一直显示正在安装windows
  • win7自动更新失败怎么删除更新启动
  • 观察者模式的应用
  • opengl基础知识
  • 批处理 ftp
  • opengl颜色代码表
  • js中断点用法
  • unity点击3d物体
  • vue分页查询
  • 安卓竖屏改横屏
  • jquery map遍历
  • 全国税务系统12366纳税服务热线工作规范
  • 200平交多少契税
  • 发票代码如何查询公司
  • 物业优质服务我们在行动
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设