美文网首页
函数作用域和块作用域

函数作用域和块作用域

作者: 后发而先制 | 来源:发表于2017-07-24 10:36 被阅读0次

    函数中的作用域

    function foo(a) {

    var b = 2;

    // 一些代码

    function bar() {

    // ...

    }

    // 更多的代码

    var c = 3; }

    分析上述代码了解函数作用域知识点。

    1 .foo(..) 的作用域气泡中包含了标识符 a、b、c 和 bar

    2.全局作用域只包含 foo  说明 foo() 包含 于标识符 a、b、c 和 bar  因此无法从foo 外部对他们进行访问,也就是说无法从全局作用域来访问,只能在内部访问问(假设 bar(..) 内部没有同名的标识符声明)。 例如 bar() 这样访问就会报错!

    隐藏内部实现

    直观看就是 {//代码} 在2个大括号之间的代码就被隐藏起来了。

    1. 内容私有化

    2. 规避冲突

       规避冲突大致2种实现方法 

          1.全局命名空间

          var MyReallyCoolLibrary = {

              awesome: "stuff",

               doSomething: function() {

                   // ...

              },

            }

          2. 模块管理 

    函数作用域

    在任意代码片段外部添加包装函数,可以将内部的变量和函数定义“隐藏”起来,外部作用域无法访问包装函数内部的任何内容。

    匿名函数

    一般回调函数用的多。

    例如 : setTimeout(function(){});

    匿名函数表达式,没有名称标识符。、

    缺点

    1. 匿名函数在栈追踪中不会显示出有意义的函数名,使得调试很困难。

    2. 匿名函数无法引用自身进行递归。只能用过期的 arguments.callee 在事件触发后事件监听器需要解绑.

    3. 匿名函数省略了对于代码可读性

    setTimeout( function timeoutHandler() { // <-- 快看,我有名字了!

    console.log( "I waited 1 second!" );

    }, 1000 );

    立即执行函数表达式

    例子 :

    (function foo() {

    console.log(3); // 3

    })();

    一个()内 函数 为函数表达式  

    (function foo() {

    console.log(3); // 3

    })

    (//函数)()  立即执行。

    另一种方式

    (function foo(){}());

    UMD通用规范

    (function IIFE( def ) {

    if (typeof define === 'function' && define.amd) {

    // AMD

    define([],def);

    } else if (typeof exports === 'object') {

    // Node, CommonJS之类的

    module.exports = factory(require('def'));

    } else {

    // 浏览器全局变量(root 即 window)

    root.returnExports = factory(def);

    }

    })(function def( global ) {

    var a = 3;

    console.log( a ); // 3

    console.log( global.a ); // 2

    });

    块作用域 

    最常见的块级作用域

    for (var i=0; i<10; i++) {

    console.log( i );

    }

    var bar=true

    if(bar){

    //代码

    }

    为什么要把一个只在 for 循环内部使用(至少是应该只在内部使用)的变量 i 污染到整个函数作用域中呢?

    with 和  try/catch

    非常少有人会注意到 JavaScript 的 ES3 规范中规定 try/catch 的 catch 分句会创建一个块作用域,其中声明的变量仅在 catch 内部有效。

    try {

    undefined(); // 执行一个非法操作来强制制造一个异常

    }

    catch (err) {

    console.log( err ); // 能够正常执行!

    }

    console.log( err ); // ReferenceError: err not found

    let  const

    属于ES6知识 

    相关文章

      网友评论

          本文标题:函数作用域和块作用域

          本文链接:https://www.haomeiwen.com/subject/ymwvkxtx.html