全局作用域与this指向

【全局作用域】

        在代码中任意地方都能访问到的对象拥有全局作用域 (即在全局作用域中定义的变量可以在任何地方使用。) 全局作用域在页面打开时创建,在页面关闭时销毁。

【情况一:所有未定义直接赋值的变量自动声明为拥有全局作用域】

        注意:如果一个变量在声明的时候没有使用关键字。 例如:num=10，此时这个变量无论写在哪里都是全局变量。   但是这是非常不规范的，千万不要这么写，否则以后代码可能会出现bug。

        function Fun1() {
            a  = '未定义'
            var b = '内部'
        }
        Fun1();
        console.log(a); //未定义直接赋值的变量
        console.log(b); //b is not defined

【情况二:最外层函数和最外层函数外面定义的变量拥有全局作用域】

         var A ='最外层变量'; //最外层变量

        function outFun(){ //最外层函数
            var B ='最外层函数的内层变量'

            function innnerFun(){ //内层函数
                var c ='内层函数的内部变量'
            }
        }
        console.log(A);//最外层变量
        // console.log(B); //B is not defined 
        outFun()
        innerfun() //innerfun is not defined
        //console.log(C); //c is not defined

        【情况三:所有window对象的属性拥有全局变量】

        在全局作用域中有一个全局对象window,他代表的浏览器的窗口,由浏览器创建。一般情况下.window对象的内置属性都拥有全局作用域.例如window.name、window.location

【作用域链】  

        默认情况下,代码处于全局作用域(0级链),当声明一个函数之后就会开辟一个局部作用域(1级)。而函数里面又可以声明一个函数,又会形成新的作用域(2级),以此类推形成的结构称之为作用域链

【变量访问规则:就近原则】

        当你在一个作用域访问变量的之后,首先会看当前作用域有没有声明。  如果有则访问。没有则往上级作用域查找,有没有声明。  有则访问,没有则继续往上。直到作用域最顶端0级,如果还没有找到,则程序报错。

【匿名函数】

        没有函数名的函数。  具名函数

        function fn(){
            console.log('666');
        }
        fn()

        let fn1 = function(){
            console.log('111');
        }

        (function (){
            let num = 10
            console.log('111');
        })()

【this指向】

        this是一个使用在作用域内部(块级作用域、函数作用域、全局作用域)的关键字。 this关键字是函数运行时自动生成的一个内部对象.只能在函数内部使用.总指向调用它的对象。  (全局很少使用,大部分在函数内部使用。)

        根据运行时的不同,this指向的对象有所区别。  在绝大多数情况下,函数的调用方式决定了this的值。 浏览器环境/全局环境下使用this: this指向window对象。

        console.log( this ); //Window
        console.log( this === window ); //true

在函数中使用this:

         不管函数怎么定义,不管函数在哪定义,只看函数的调用(箭头函数除外)。普通函数(直接调用/全局调用):this指向window// 函数名()

        function fn() {
            console.log(this); //Window
        }
            fn()

定时器函数:this指向window

        把fn函数当作定时器处理函数使用

        setTimeout(function(){},0)
        setInterval(function(){},0)
        setTimeout(fn,0)

自执行函数:this指向window

(function(){})()

 对象调用函数:this指向的是xxx对象

        var obj = {
            // 把fn存储的地址赋值给了obj的f成员
            // 从现在开始obj.f和全局变量的fn指向同一个函数空间 
            f:fn,
            name:'我是obj对象'
        }
        obj.f() //对象调用,this指向obj。

        setTimeout(obj.f,0)// 把obj.f函数当作定时器处理函数使用

事件处理函数:this指向的是事件源(绑定在谁身上的事件)

        // xxx.onclick = function(){}
        // xxx.addEventListener('',function(){})