JS 作用域

作者: 林凡博 | 来源:发表于2018-04-07 17:12 被阅读0次

    三 、JS 作用域

    1.全局作用域:
    (一)在任意位置都可访问的范围
    (二)在全局范围定义的变量其本质都是挂载到了window对象下
    (三)全局范围的this指的就是window
    (四)在函数外部定义的变量全局变量

      例如: var count=10;
            function Fn() {
                console.log("函数内部:"+count);
            
                 var sub=function () {
                    console.log("sub函数内部:"+count);
            
                 }
            
                  sub()
            }
            
            Fn()
            
            console.log("函数外部:"+count);
    

    2.局部作用域:

    (一)在函数内部定义的变量即为局部变量
     (二)特点:
          第一.函数内部定义变量(即局部变量)外部访问不到
          第二.在当前函数内部及内部的子函数可以访问
    

    注:

    1.var和let的区别

    1.是否有变量提升
    2.看能否重复定义
    3.看是否有块级作用域
    
     块级作用域使用场景:函数代码块,for循环,If语句
    

    2.普通函数和实例化函数(即 new 函数名())调用的区别????

    相同点:.普通函数和实例化函数都会执行函数内部的代码
    区别:

     1.普通函数的this指的是window,而实例化的函数中的this指的当前实例化对象本身
     2.普通函数不加return默认返回undefined,而实例化函数不加return也能返回,返回当前实例化的对象
     3.实例化函数的执行机制:
    
          第一步:创建一个对象
          第二步:把构造函数的作用域赋给这个对象 
          第三步:执行构造函数中的代码
          第四步:自动返回这个对象
    

    3.块级作用域:(ES6才有)

    1. call,apply和bind:
      相同点:主要用于改变this指向
      区别:
    
         第一:call和applly直接调用函数,而bind只是返回一个函数的引用 
         第二:call和applly的区别主要在传参数上不同
    
         //call传参数是用逗号分隔传参
            例如:obj.setName.call(obj2,'李四',19,'河南')
    
        //apply传参用数组形式传参
        例如:obj.setName.apply(obj2,['李四',19,'河南'])
    
        //bind传参
         例如:
               obj.setName.bind(obj2,'李四',19,'河南')( )
               
               或
               
                obj.setName.bind(obj2)('李四',19,'河南')
    

    四 、JS 原型链

    一、JS面向对象基于原型

    json字符串和js对象互转

    json字符串->json对象   JSON.parse();
    
    例如:JSON.stringify(json)
    
    json对象->json字符串   JSON.stringify()
    
     例如:JSON.parse(localStorage.getItem('goods'))
    

    localStorage.removeItem('goods')
    localStorage.setItem('goods')
    localStorage.getItem('goods')
    localStorage.cleawr()

    localStorage需要手动清除
    sessionStorage:一关闭浏览器清除了
    sessionStorage.removeItem('goods')
    sessionStorage.setItem('goods')
    sessiontorage.getItem('goods')
    sessionStorage.cleawr()

    相关文章

      网友评论

        本文标题:JS 作用域

        本文链接:https://www.haomeiwen.com/subject/zpvyhftx.html