博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
15.当心局部块函数声明笨拙的作用域
阅读量:6416 次
发布时间:2019-06-23

本文共 1148 字,大约阅读时间需要 3 分钟。

嵌套函数声明

function f() {    return "global";}function test(x) {    function f() {        return "local";    }    var result = [];    if (x) {        result.push(f());    }    result.push(f());    return result;}test(true); // ["local","local"]test(false); // ["local"]复制代码

如果我们把函数f移到局部块里。

function f() {    return "global";}function test(x) {    var result = [];    if (x) {        function f() {            return "local";        }        result.push(f());    }    result.push(f());    return result;}test(true); // ?test(false); // ?复制代码

ES5里面JavaScript没有块级作用域,所以内部函数f的作用域应该是整个test函数,上述例子合理猜测是["local","local"]["local"]。直到ES5,JavaScript标准才承认局部块函数声明存在,官方指定函数声明只能出现在在其他函数或程序的最外层。ES5甚至建议将在非标准环境的函数声明转变成警告或错误。

编写可移植的函数的最好方式是始终避免将函数声明至于局部块或子语句中。如果你想编写嵌套函数声明,应该将它置于其父函数的最外层。如果需要有条件地选择函数,最好的办法是使用var声明和函数表达式来实现。

function f() {    return "global";}function test(x) {    var g = f,        result = [];    if (x) {        function g() {            return "local";        }        result.push(g());    }    result.push(g());    return result;}复制代码

ES6支持块级作用域,上述代码结果为["local","global"]["local"]

提示

  • 始终将函数声明置于程序或被包含的函数的最外层以避免不可移植的行为。
  • 使用var声明和有条件的赋值语句替代有条件的函数声明

转载地址:http://gwura.baihongyu.com/

你可能感兴趣的文章
nginx 504 Gateway Time-out 的解决 java 工程
查看>>
我的友情链接
查看>>
《在你身边,为你设计》之一:特殊人群的设计关怀
查看>>
Inotify
查看>>
PO BO VO DTO POJO DAO 概念及其作用(附转换图)
查看>>
java实现KMP算法(参考[数据结构(C语言版)].严蔚敏)
查看>>
代码 PK 诗词
查看>>
spring的注解方式执行定时任务
查看>>
Html常用知识
查看>>
ubuntu MySQL 5.5 deb 安装
查看>>
Linux 实用快捷键整理 (持续更新)
查看>>
我的友情链接
查看>>
职业发展,选择大都市还是回老家?
查看>>
升级Oracle 10..2.0.1到Oracle 10.2.0.5
查看>>
linux进程和计划任务
查看>>
好程序员大数据教程Hadoop全分布安装(非HA)
查看>>
在人工智能风口下,AI翻译也火了
查看>>
小程序如何引流?我有一些小技巧!
查看>>
Oracle 重做日志恢复
查看>>
Oracle RAC 服务器端连接负载均衡
查看>>