美文网首页
this 的四种指向

this 的四种指向

作者: 雨泽丶 | 来源:发表于2019-04-24 21:41 被阅读0次
  1. 方法调用
var age = 38;
var obj = {
    age: 18,
    getAge: function() {
        console.log(this.age);
    }
};
obj.getAge(); //18
--------------------------------------------------
// 变式:
var fn = obj.getAge;
fn();   
  1. 函数调用,里面的this指向的是window
var age = 38;
var obj = {
    age: 18,
    getAge: function() {
        var fn = function() {
            console.log(this.age);
        };
        fn();
    }
};
obj.getAge();//38
  1. 构造函数调用:this指向调用它的对象
var age = 38;
var obj = {
    age: 18
};

var getAge = function() {
    console.log(this.age);
};
obj.get = getAge;
obj.get(); //18
  1. call 和 apply 上下文调用模式,this指向谁?指向的是传入的对象
var arr = [1, 3, 4, 6, 7, 555, 333, 13]
        var max = arr[0]
        for (let i = 0; i < arr.length; i++) {
            if (max < arr[i]) {
                max = arr[i]
            }
        }
        console.log(max)        //555
        console.log(Math.max(1, 2, 3, 4, 5))//5
        //apply 输入的参数(arr指的是this  ,arr即输入格式必须为数组)
        console.log(Math.max.apply(arr, arr)) //=== Math.max(1,3,4,6,7,555,333,13)   //555
        //apply 输入的参数(arr指的是this  ,后面的即为格式数组的内容)
        console.log(Math.max.call(arr, 1, 3, 4, 6, 7, 555, 333, 13))  //555

相关文章

  • this 的四种指向

    方法调用 函数调用,里面的this指向的是window 构造函数调用:this指向调用它的对象 call 和 ap...

  • react 事件关系,四种this指定事件

    this 指向一共有四种方法 点击事件的四种方法-箭头函数 点击事件的四种方法-函数内容写方法 击事件的四种方法-...

  • Javascript中的this

    关于this 在JS中,this总是指向一个对象。this的指向是在运行函数时动态绑定的。 使用this的四种情况...

  • this全面解析

    1 定义 谁调用的函数,该函数的this就指向谁。 2 四种绑定规则 2.1 默认绑定,this指向全局对象,严格...

  • this绑定方式与优先级

    四种this绑定 这四种绑定分类是基于调用点(call site),即函数是在哪里被谁调用的。也就是说this指向...

  • JS|this特性

    this是执行上下文中的属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式...

  • 深入学习js之call、apply、bind模拟实现

    题外篇 如何改变this得指向,常见的四种操作如下 使用call、apply、bind 在执行函数内部使用let ...

  • this的绑定规则(四种)

    this 的四种绑定策略( 默认绑定、隐式绑定、显式绑定、new 绑定 ) 默认绑定:this 一般默认指向全局作...

  • this的绑定与丢失问题

    js中的this绑定与丢失 this指向调用的对象与函数声明的位置无关,只与调用位置有关 this 四种绑定 1、...

  • 6.递归、call、apply的用法

    函数的四种调用模式 函数中的this,调用方式不同,指向不同 this与调用有关,与定义无关 函数调用模式 函数名...

网友评论

      本文标题:this 的四种指向

      本文链接:https://www.haomeiwen.com/subject/xvjngqtx.html