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
  • 相关阅读:
    Tesseract-OCR
    chrome浏览器插件推荐
    安装配置sublime Text 3 快捷键方式
    远程桌面与远程控制
    一个C#的XML数据库访问类
    WPF小程序:贪吃蛇
    恐惧源于一知半解
    8条佛曰 66句禅语
    自动开机 双网卡网络唤醒
    C#,Java,C++中的finally关键字
  • 原文地址:https://www.cnblogs.com/front-boy/p/12698930.html
Copyright © 2011-2022 走看看