我爱编程

JS 作用域

2018-04-07  本文已影响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()

上一篇 下一篇

猜你喜欢

热点阅读