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
  • 相关阅读:
    将excel中的sheet1导入到sqlserver中
    .net中 Timer定时器
    Exception异常处理机制
    算法
    八、上网行为管理
    获取网站路径绝对路径的方法汇总
    Window逆向基础之逆向工程介绍
    Java Web代码审计流程与漏洞函数
    创建一个Java Web项目,获取POST数据并显示
    七、虚拟专用网
  • 原文地址:https://www.cnblogs.com/xiejn/p/13976715.html
Copyright © 2011-2022 走看看