Maison > interface Web > js tutoriel > le corps du texte

Introduction aux fermetures JS

不言
Libérer: 2018-07-05 17:46:06
original
1433 Les gens l'ont consulté

Cet article présente principalement l'introduction des fermetures JS, qui ont une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

Portée

    var x = 0  //全局变量 x
    var y = 10 //全局变量 y
    var fun1 = function(){
        var x = 1  //fun1函数局部变量 x
        console.log(x++)
        console.log(y)
    } 
    fun1() //输出 1  10 函数内可以访问函数上级的变量
    console.log(x) //输出0 函数外部不能调用函数内部的局部变量
Copier après la connexion
<🎜. >2. Clôture

<!-- 闭包:有权访问另一个函数作用域中的变量的函数。大多是在一个函数内部创建另一个函数 -->
    var x = 0  //全局变量 x
    var fun1 = function(){
        var x = 1  //fun1函数局部变量 x
        function fun2() {
            console.log(x++) //当x = 1时 x++ = x ; ++x = x+1
        }
        return fun2  //此时fun2就是一个闭包
    } 
    var run1 = fun1()
    run1() //输出 1 
    run1() //输出 2 run1是函数是引用类型,上一步运行run1将变量x改变进而影响这步的输出

    var run2 = run1
    run2() //输出 3  因为run2 = run1 run1和run2是函数属于引用类型 所以共用一个作用域链
    run2() //输出 4

    var run3 = fun1()
    run3() //输出 1 这里不是5 run3有自己的作用域链
    run3() //输出 2

    console.log(x) //输出 0
Copier après la connexion
Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos de JS Introduction à l'héritage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal