JavaScript 作用域、命名空间及闭包

时间: 2019-04-07阅读: 528标签: 闭包

变量作用域:

1、一个变量的作用域是程序源代码中定义这个变量的区域

2、在函数内声明的变量是局部变量,它只在该函数及其嵌套作用域里可见(js 函数可嵌套定义);不在任何函数内声明或在函数内不使用 var 或 let 关键字声明的变量是全局变量,它在整个 JavaScript 程序里都可见

3、JavaScript 中没有块级作用域,取而代之的是函数作用域

4、局部变量会遮盖全局变量

5、注意变量的声明提前,即所有变量都会把声明提前到它的作用域顶端

6、若使用 let 声明变量,则该变量只属于就近的花括号括起来的语句块!!!

let test = "global";
function fun() {
    let test = "local";
    // 若改成 test = "local"; 则会修改全局变量 test
    console.log("inFun: ", test);
}
fun();  // 输出 local
console.log("outFun: ", test);  // 输出 global


var j = 10; // 由于声明提前,所以函数内的 j != 10
function check() {
    var i = 0;
    // 因为函数作用域,所以会出现声明提前的现象(let 声明除外),即变量声明之前就可以使用,但其值为 undefined
    console.log("j = ", j);
    for (var j = 0; j < 5; ++j)
        i++;
    console.log("i = ", i, "j = ", j);
}
check();    // 输出 j = undefined i = 5   j = 5


命名空间:

一般情况下,在 JavaScript 中是无法声明只在一个代码块内可见的变量(let 可以声明),基于这个原因,我们常常会简单地定义一个函数用作临时的命名空间

// function 前面的左圆括号是必须的,若省略则会将关键字 function 解析为函数声明语句,
// 而不是正确地解析为函数定义表达式
var sum = (function () {
    var a = 2, b = 3;   // 在这里面定义的变量无法从外面访问,所以不会污染全局命名空间
    return a + b;
}());   // 后面的圆括号表示结束函数定义并立即调用它
console.log(sum);   // 输出 5


作用域链:

如果将一个局部变量看作是自定义实现的对象的属性的话,每一段 JavaScript 代码(全局代码或函数)都有一个与之相关的作用域链。这个作用域链是一个对象列表或链表,定义了这段代码“作用域中” 的变量。当 JavaScript 需要查找某个变量时,它会从链中的第一个对象开始查找,若未找到,则查找下一个对象,以此类推。如果作用域链上没有任何一个对象符合查找内容,则会抛出一个引用错误异常。

let global = "globalOne";
function f() {
    let global = "globalTwo";
    function f1() {
        let global = "globalThree";
    }
}
/*
   在这段代码里 global 的值在作用域链里为:globalThree -> globalTwo -> globalOne, 
   若查询代码在 f1 里,则会从 globalThree 开始寻找,若在 f 里,则从 globalTwo 开始寻找
   若找不到,则往箭头方向继续寻找下去,箭头反方向对它是不可见的
*/


闭包:

函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中被称为“闭包”。从技术角度讲,所有的 JavaScript 函数都是闭包

var counter = (function () {
    var count = 0;
    return function () {
        return ++count;
    };
}());   // 自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2
console.log(counter()); // 输出 3

 注:命名空间通常也是一个函数

// 同一个作用域链内定义的闭包会共享同样的私有变量或变量
// 以下代码生成 10 个闭包,所有闭包共享变量 i
function constfuncs() {
    var funcs = [];
    for (var i = 0; i < 10; ++i)
        funcs[i] = function () {
            return i;   // 嵌套函数不会将作用域内的私有成员复制一份,也不会对所绑定的变量生成静态快照
        };
    return funcs;
}
var funcs = constfuncs();   // 当 constfuncs 返回时 i = 10
console.log(funcs[5]());    // 输出 10



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/2754

关闭

js闭包问题

使用闭包能够让局部变量模拟全局变量一样,但是它只能被特定函数使用。我们都知道:1.全局变量可能会造成命名冲突,使用闭包不用担心这个问题,因为它是私有化,加强了封装性,这样保护变量的安全

JavaScript闭包应用介绍

闭包是JS中的强大特性之一,然而至于闭包怎么使用,我觉得不算是一个问题,甚至我们完全没必要研究闭包怎么使用。我的观点是,闭包应该是自然而言地出现在你的代码里,因为它是解决当前问题最直截了当的办法

JS之闭包的定义及作用

在学习闭包之前,你必须清楚知道JS中变量的作用域。JS中变量的作用域无非就全局变量和局部变量,两者之间的关系是函数内部可以直接访问全局变量,但是函数外部是无法读取函数内部的局部变量的

前端开发闭包理解,JavaScript-闭包

闭包(closure)是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠...

JavaScript之闭包

闭包(closure)是掌握Javascript从人门到深入一个非常重要的门槛,它是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面写下我的学习笔记~

如何才能通俗易懂的解释js里面的‘闭包’?

即变量都存在在指定的作用域中,如果在当前作用中找不到想要的变量,则通过作用域链向在父作用域中继续查找,直到找到第一个同名的变量为止(或找不到,抛出 ReferenceError 错误)。这是 js 中作用域链的概念

Js函数高级-闭包

JavaScript的运行机制:(1)所有同步任务都在主线程上执行,形成一个执行栈。(2)主线程之外,还有一个“任务队列”,只要异步任务有了运行结果,就在“任务队列”之中放置一个事件。

JS闭包的应用(私有变量、珂理化、偏函数)

柯里化是把接受 n 个参数的 1 个函数改造为只接受 1个参数的 n 个互相嵌套的函数的过程。也就是fn(a, b, c)会变成fn(a)(b)(c)。偏函数和珂理化的区别是,不再强调单函数。例如1个入参返回2个入参函数。

闭包实现:异步变同步

在不使用ES6的前提下如何将一个多个异步请求按顺序执行呢?要求使用JavaScript代码按顺序依次请求这5张图片,一次只能请求一张,可以结合 闭包+回调+递归 组合来解决

Js闭包的实现原理和作用

闭包的概念:指有权访问另一个函数作用域中的变量的函数,一般情况就是在一个函数中包含另一个函数。闭包的作用:访问函数内部变量、保持函数在环境中一直存在,不会被垃圾回收机制处理

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!