`
johnson_gong
  • 浏览: 13210 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

js, javascript, 闭包, 立即执行函数

 
阅读更多

目的:学习 闭包,立即执行函数

概要:类型二,因使用立即函数,new新对象时,变量[counter_gad]未初始化。此与类型一不同点!!

 

类型一:

        var closureMode = function () {
        var countNo = 0;
        return function (){
            return (countNo += 1);
        };
        };
        
        var closureOne = new closureMode();
        console.log("1.closureOne.countNo:" + closureOne.countNo); // undefined
        console.log("2.closureMode.countNo:" + closureMode.countNo); // undefined
        console.log("3.closureOne:" + closureOne()); // 1
        console.log("4.closureOne:" + closureOne()); // 2
        
        var closureTwo = new closureMode();
        console.log("1.closureTwo:" + closureTwo()); // 1
        console.log("2.closureTwo:" + closureTwo()); // 2
        

 

类型二:

        var Gadget = (function () {
            var counter_gad = 0;
            
            NewGadget = function () {
                // counter_gad += 1;
            };
            
            NewGadget.prototype.getCounter = function () {
                return counter_gad += 1;;
            };
            
            return NewGadget;
        }()); // 立即执行函数。
        
        var g1 = new Gadget();
        utilTemp.log("g1.getCounter():" + g1.getCounter()); // 1
        utilTemp.log("g1.getCounter():" + g1.getCounter()); // 2
        
        var g2 = new Gadget();
        utilTemp.log("g2.getCounter():" + g2.getCounter()); // 3

 

 

 

分享到:
评论

相关推荐

    JavaScript闭包和立即执行函数的个人笔记

    闭包和立即执行函数一、闭包二、闭包的作用三、闭包形式四、立即执行函数五、使用环境六、小练习 一、闭包 当a函数已经执行完了,b函数才开始。 原创文章 10获赞 3访问量 453 关注 私信 展开阅读全文 作者:...

    JavaScript闭包研究及典型应用.pdf

    简单地说,闭包也就是内层函数可以引用存在于包围它的函数内的变量及该函数的参数,即使外层函数的执行已经终止。这个特性非常强大和复杂。 JavaScript 闭包函数使用的场景主要有以下 3 点: 1. 保护函数的变量...

    javascript 闭包、匿名函数、作用域链

    JavaScript中的闭包、匿名函数和作用域链是编程中至关重要的概念,它们是理解JavaScript运行机制的关键。在本文中,我们将深入探讨这三个概念,并通过实际示例来展示它们的运用。 首先,我们来讨论“闭包”。闭包是...

    Javascript 闭包完整解释

    ### JavaScript闭包完整解释 #### 一、闭包的基本概念 **闭包**是一个非常重要的JavaScript概念,它指的是一个函数能够记住并访问其外部作用域中的变量的能力,即使该函数在其外部作用域之外被调用也是如此。具体...

    JavaScript 匿名函数和闭包介绍

    匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时函数,或者立即执行函数表达式(IIFE)。闭包则是能够访问其所在词法作用域的函数,即使是在该作用域已经结束之后。 首先...

    JavaScript闭包函数访问外部变量的方法

    JavaScript闭包函数是JavaScript语言中一个非常重要的特性,它允许一个函数访问并操作函数外部的变量。闭包的形成主要依赖于变量的作用域。在JavaScript中,变量的作用域分为全局作用域和局部作用域。局部作用域又...

    理解_JavaScript_闭包

    本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中,真正领会到闭包的实质。

    JS匿名函数、闭包

    ### JS匿名函数、闭包详解 #### 一、匿名函数概览 **匿名函数**,又称**拉姆达函数**,是一种在JavaScript中常见的函数形式,这类函数没有名称,因此不能像命名函数那样通过名称来调用。匿名函数通常作为临时使用...

    深度探讨javascript函数的原型链和闭包

    理解函数的原型链和闭包对于深入掌握JavaScript至关重要。 首先,让我们看看函数的定义方式。在JavaScript中,我们可以使用`function`关键字直接定义函数,如`function fn(a, b) {}`。此外,函数也可以通过赋值语句...

    基于javascript 闭包基础分享

    第二个例子通过立即执行函数表达式(IIFE)来解决这一问题,确保每个函数闭包都能正确地访问到各自的循环变量。 闭包是JavaScript编程中的一个重要特性,它提供了创建私有变量、管理作用域和记忆化等强大功能,使得...

    JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解

    在深入讨论JavaScript闭包之前,首先需要了解JavaScript的变量作用域。在JavaScript中,变量的作用域分为两种:全局变量和局部变量。全局变量是在函数外部定义的变量,可以在JavaScript程序的任何地方被访问。局部...

    Javascript闭包实例详解

    现在,每个内部函数都有自己的`j`变量(通过立即执行函数表达式创建),它们不会相互影响。 闭包的应用场景广泛,包括但不限于: 1. **模块化**:通过闭包创建私有变量和函数,实现模块间的隔离。 2. **数据持久化...

    JavaScript 中的闭包是指内部函数可以访问外部函数作用域中的变量

    在这个例子中,我们利用立即执行函数表达式创建了一个闭包。闭包内部包含了一个私有变量 `count` 和两个方法 `increment` 和 `decrement`,这两个方法可以访问和修改 `count`。通过返回一个对象并暴露这两个方法,...

    JavaScript基础篇(6)之函数表达式闭包

    闭包的产生是因为内部函数持有了外部函数的变量,即使外部函数已经执行完毕,内部函数仍然可以访问这些变量。 #### 三、闭包的应用与影响 闭包的典型应用场景包括模块化编程、私有变量和方法的封装等。例如,可以...

    深入理解javascript原型和闭包.pdf

    闭包(Closure)是JavaScript中的另一个重要概念,是指函数和声明该函数的词法环境的组合。闭包允许一个函数访问并操作函数外部的变量。闭包的形成离不开函数嵌套和函数作为返回值的使用。闭包的优点是可以保存状态...

    javaScript闭包技术资料

    ### JavaScript闭包技术详解 #### 一、闭包的基本概念 **闭包**是JavaScript中一个重要的概念,它涉及到函数的执行环境、作用域链等关键要素。简单来说,闭包是一个函数及其相关的引用环境的组合。具体而言,当一...

    javascript里的闭包是什么 什么是闭包.zip

    1. **变量持久化**:由于闭包的存在,函数内部的变量不会随着函数的执行完毕而立即销毁,而是得以保存,直到没有引用时才会被垃圾回收。 2. **数据封装**:闭包可以用来创建私有变量,防止外部代码直接修改内部状态...

Global site tag (gtag.js) - Google Analytics