JavaScript中的闭包介绍_javascript技巧-js教程-PHP中文网

JavaScript中的闭包介绍_javascript技巧

php中文网

发布： 2016-05-16 16:09:15

原创

1466人浏览过

所谓的闭包应该是指: 内部函数读取当前函数以外的变量，即创建时所处的上下文环境。

function hello(){

    var char = "hello,world";

    function print(){

        console.log(char);

    };

    return print();

}

需要注意的是这里的print函数引用了外部hello函数的char变量，于是在这里我们能够返回一个

复制代码代码如下:

hello,world

而这个功能在某种意义上来说，应该是要归功于作用域。当然了，我们没有办法直接访问char，除非是我们声明这个变量的时候出错了。如

复制代码代码如下:

function hello(){

    char = "hello,world";

    function print(){

        console.log(char);

    };

    return print();

}

仅仅是因为少了个var。

复制代码代码如下:

在这里hello变成一个闭包 了。 闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。

javscript 闭包与this

需要注意的是读取this与arguments时，可能是会出问题的。

doxygen 官方手册

doxygen是一款好用的程序员辅助工具，它可以让程序添加批添代码更加简单轻松，兼容C++、 C、Java、 Objective-C、Python等主流编程语言，小编提供的doxygen中文手册包含了基本介绍、语法技巧以及进阶技巧等内容，可以让你快速上手操作，有需要的欢迎下载。基本介绍 Doxygen已经支持生成ANSI编码的chm目录文件(index.hhc)!Doxygen通常是用作生成英文文档的，生成中文文档需要修改输入和输出的码制，这样可以改变解析方式，生成中文文档。但是，你必须意识到，Dox

查看详情

复制代码代码如下:

function hello(){

    this.char = "hello,world";

    function output(){

        char = "I'm no hello world";       

        console.log(this.char);

    };

    return output();

}

当然了这个例子并不够贴切，so，我们需要一个额外的例子来解释这个问题，下面引用一个《Javascript高级程序设计》中的一个例子，来说明这个问题。

复制代码代码如下:

var name = "The window";

var object = {
name: "My Object",

    getNameFunc: function(){
        return function(){
            return this.name;
        }
    }
};
object.getNameFunc()()

只是这种用法实在是，而解决方法便是保存一个临时变量that，如之前在《关于Javascript的this的一些知识》一文中所说的。

复制代码代码如下:

var name = "The window";
var object = {
name: "My Object",

    getNameFunc: function(){
        var that = this;
        return function(){
            return that.name;
        }
    }
};
object.getNameFunc()()

Javscript 闭包与读写变量
值得注意的是，如果我们没有处理好我们的变量时，我们也可以修改这些变量。

复制代码代码如下:

function hello(){

    var char = "hello,world";

    return{

        set: function(string){

            return char = string;

        },

        print: function(){

            console.log(char)

        }

    }

}

var say = hello();

say.set('new hello,world') 

say.print() // new hello world

Javascript 闭包与性能

引用MDC的说法

复制代码代码如下:

 如果不是因为某些特殊任务而需要闭包，在没有必要的情况下，在其它函数中创建函数是不明智的，因为闭包对脚本性能具有负面影响，包括处理速度和内存消耗。

文上还说到。

复制代码代码如下:

 例如，在创建新的对象或者类时，方法通常应该关联于对象的原型，而不是定义到对象的构造器中。原因是这将导致每次构造器被调用，方法都会被重新赋值一次（也就是说，为每一个对象的创建）。

大家都在看：

javascript中的this关键字是什么_如何确定它的值？ Javascript异步编程是什么_回调、Promise和Async/Await如何选择？ JavaScript路径查找_javascript算法应用怎样进行javascript单元测试_有哪些框架推荐？如何使用JavaScript进行路由管理_React Router和Vue Router有什么区别呢