zoukankan      html  css  js  c++  java
  • js中的this指向

    1, 指向window

    全局变量 alert(this) //返回 [object Window]

    全局函数

      

    function sayHello(){
        alert(this);
    }
    
    sayHello();

      2, 指向该对象(在全局里面this指向window,在某个对象里面this指向该对象,在闭包里面this指向window)

    var user="the Window";
    var box={
        user:'the box',
        getThis:function(){
            return this.user;
        },
        getThis2:function(){
            return function (){
                return this.user;
            }
        }
    };
    
    alert(this.user);//the Window
    alert(box.getThis());//the box
    alert(box.getThis2()());//the Window (由于使用了闭包,这里的this指向window)
    alert(box.getThis2().call(box));//the box  对象冒充(这里的this指向box对象)

    3,用apply,call改变函数的this指向

     function sum(num1, num2){
            return num1+num2;
        }
    
        function box(num1, num2){
            return sum.apply(this, [num1, num2]); //this 表示window的作用域 box冒充sum来执行
        }
    
        console.log(box(10,10)); //20
     
     

    4, new 对象

    function Person(){
            console.log(this) //将 this 指向一个新建的空对象
        }
        var p = new Person();
  • 相关阅读:
    Flask + vue 前后端分离的 二手书App
    Kafka 0.10.0.1 consumer get earliest partition offset from Kafka broker cluster
    Kafka topic Schema version mismatch error
    ORM的多表查询详述
    ORM多表操作之创建关联表及添加表记录
    ORM的单表操作
    Django的模板层简介
    Django的视图层简介
    Django中的路由配置简介
    Django简介及Django项目的创建详述
  • 原文地址:https://www.cnblogs.com/yuan001/p/4478361.html
Copyright © 2011-2022 走看看