zoukankan      html  css  js  c++  java
  • javascript函数作用域及this指向详解

    一、先说一个简单的概念——变量提升:

      通过function+函数名的方式,声明的函数,可以在代码中的任何位置调用;

      

      通过var定义变量的方式,声明的函数,则必须在声明之后进行调用,原因就是在变量定义之前调用时,变量的值为undefined;

      

    二、说一个特别重要的概念——函数在定义的时候(不是在调用的时候),就已经确定了函数内部自由变量的作用域;

      上面的概念对于理解this指向特别重要!!!

      1.首先看一个例子:

        

        bar(fn)中,fn函数执行,其this的指向毫无疑问是指向window的,但是bar.call({},fn),改变bar函数的this指向时,fn函数的this指向并没有被改变。这就是因为fn函数的this指向,在fn定义时就已经确定是指向window了,并不会因为调用的函数bar的this指向改变而改变;

      2.直接定义的函数的this指向window:

        结合上面的例子可以发现,函数在定义时this的指向以及确定为指向window,尽管改变了外层函数的this指向,但是内层函数的this依然指向window;

        

        上图可知,内层函数即使在外层函数内部定义,其this指向依旧为window;

      3.通过对象定义的函数的this指向该实例化对象:

        

      4.构造函数内部定义的函数中,this指向该构造函数:

        

      5.箭头函数中this的指向与外层函数的this指向一致:

        

  • 相关阅读:
    不注意的小问题
    Hibernate、Spring和Struts工作原理及使用理由
    正则表达式贪婪与非贪婪模式
    Springmvc构造RESTful详细讲解
    正则表达式贪婪与非贪婪模式1
    BOJ二叉排序树的后序遍历
    qsort()应用大全
    辗转相除法求最大公约数(C语言)
    九度题目1014:排名 (结构体多级排序)
    BOJ第三题:二叉树前序遍历
  • 原文地址:https://www.cnblogs.com/zhangchuangye/p/6837950.html
Copyright © 2011-2022 走看看