首页 > 基础资料 博客日记

javascript高级语法之一 : this的指向(箭头函数)

2023-07-24 15:23:52基础资料围观236

Java资料网推荐javascript高级语法之一 : this的指向(箭头函数)这篇文章给大家,欢迎收藏Java资料网享受知识的乐趣

javascript高级语法之一 : this的指向(箭头函数)

 基础  : 普通函数的this

   1. 如果普通的函数被默认调用, 那么this指向的就是window

   2.如果函数它是被某一个对象来引用并且调用它, 那么this会指向这个对象(调用的那个调用)

    // 函数中是有一个this的变量, this变量在大多数情况下会指向一个对象
    // arguments保存的是传入的所有参数

    // 情况一: 如果普通的函数被默认调用, 那么this指向的就是window
    function foo(name, age) {
      console.log(arguments)
      console.log(this)
    }
    foo("abc", 123)

    function sayHello(name) {
      console.log(this)
    }
    sayHello()


    // 情况二: 如果函数它是被某一个对象来引用并且调用它, 那么this会指向这个对象(调用的那个调用)
    var obj = {
      name: "why",
      running: function() {
        console.log(this)
        // console.log(obj)
        // console.log(this === obj)
      }
    }
    obj.running()

    // 考验题目
    // 1.题目一:
    var fn = obj.running
    fn() // window

    // 2.题目二:
    function bar() {
      console.log(this) // obj对象
    }
    var obj = {
      name: "why",
      bar: bar
    }
    obj.bar()

 

高级 : 箭头函数的this

 


文章来源:https://www.cnblogs.com/qd-lbxx/p/16490649.html
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!

标签:

相关文章

本站推荐

标签云