zoukankan      html  css  js  c++  java
  • JavaScript 作用域

    JavaScript  作用域

    1. JavaScript 以函数作为作用域

    function func(){
        if(1==1){
            var name = 'xsk'
        }
        console.log(name);
    }
    func()
    JavaScript: 以函数做为作用域

    2. 函数作用域在函数未被调用之前,已经创建

    function func(){
        if(1==1){
            var name = 'xsk'
        }
        console.log(name);
    }
    JavaScript:函数作用域提前创建

    3. 函数的作用域在作用域链,并且也是在被调用之前创建

    示例一:
    --------------------------------------------------
    xo = "xsk";
    function func(){
        var xo = "miy"
        function inner(){
            var xo = "nn"
            console.log(xo)
        }
        inner()
    }
    func()
    // 输出 nn
    
    示例二:
    --------------------------------------------------
    xo = "xsk";
    function func(){
        var xo = "miy"
        function inner(){
            console.log(xo)
        }
        return inner;
    }
    var ret = func()
    // 输出miy
    // ret 相当于 inner()函数
    
    示例三:
    --------------------------------------------------
    xo = "xsk";
    function func(){
        var xo = "miy"
        function inner(){
            console.log(xo)
        }
        var xo = "tony"
        return inner;
    }
    var ret = func()
    ret()
    // 输出tony
    JavaScript:作用域链提前创建

    注:作用域嵌套作用域被称为作用域链。
    注:查找变量会优先在本地作用域找,没有在跳到下一级。

    4. 函数内局部变量提前声明

    示例一:
    --------------------------------------------------
    function func(){
        console.log(xxoo);
    }
    func();
    // 报错
    
    示例二:
    --------------------------------------------------
    function func(){
        console.log(xxoo);
        var xxoo = 'xsk'
    }
    func();
    // 输出 undefined
    // 函数执行顺序,谁在前面谁执行
    JavaScript:函数局部变量提前声明

    (1)、JavaScript 当创建一个函数时,会自动生动生成作用域链。
    (2)、生成作用域的同时会找到所有的局部变量提前声明。(var 变量名)
    (3)、为赋值的局部变量默认为undefined。


  • 相关阅读:
    django的命令, 配置,以及django使用mysql的流程
    vue中局部组件的使用
    Chapter14【Collection、泛型】
    泛型
    集合遍历的方式(迭代器和增强for)
    Collection集合
    集合
    数组
    包装类
    基本类型与字符串之间的转换
  • 原文地址:https://www.cnblogs.com/xiangsikai/p/10417850.html
Copyright © 2011-2022 走看看