zoukankan      html  css  js  c++  java
  • js 改变this指向的三种方法,call() apply() bind()

    this是JS中的一个关键字,它始终指向一个对象,this是一个指针。

    this的指向不是由定义this决定的,而是随着脚本的解析自动赋值的。

    一、全局作用域下:this始终指向window对象

    二、函数作用域下:函数被谁调用,this就指向谁

    三、对象中的函数作用域下:this指向该方法所属的对象

    四、在构造函数中:this始终指向新对象

    五、自执行函数中:this指向window

    六、箭头函数中:this是在定义是绑定到了父级对象上,不是在执行过程中绑定的。

    更改this指向方法:

    1. call(thisObj, 参数1,参数2 ...)

    var person = {
        name: 'zhangsan',
        age: 20
    }
    
    function say(x, y){
        console.log(this.name)
        console.log(this.age)
        console.log(x, y)
    }
    
    say.call(person, 1, 2)
    // zhangsan
    // 20
    // 1 2

    2. apply(thisObj, [参数1,参数2 ...])

    var person = {
        name: 'zhangsan',
        age: 20
    }
    
    function say(x, y){
        console.log(this.name)
        console.log(this.age)
        console.log(x, y)
    }
    
    say.apply(person, [1, 2])
    // zhangsan
    // 20
    // 1 2

    3.bind(thisObj, 参数1,参数2 ...)

    var person = {
        name: 'zhangsan',
        age: 20
    }
    
    function say(x, y){
        console.log(this.name)
        console.log(this.age)
        console.log(x, y)
    }
    
    say.bind(person, 1, 2)();
    // zhangsan
    // 20
    // 1 2
  • 相关阅读:
    Vue 函数
    VUE 基础语法
    C# txt文件操作
    C# 添加应用程序包
    Js 倒计时跳转
    Redis集群(主从集群)(一)
    JAVA基础总结001(《JAVA核心技术》)
    Linux学习001——文件和用户
    Linux——ELK集群搭建
    Linux安装jdk
  • 原文地址:https://www.cnblogs.com/front-boy/p/12698930.html
Copyright © 2011-2022 走看看