码迷,mamicode.com
首页 > Web开发 > 详细

JS-this指向

时间:2016-09-20 16:28:48      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

简记:

  this在不同情况下的指向:

    1.普通函数调用,this指向window对象

var name = "window";
    function func() {
        var name = "object"; 
        console.log(this.name);
    }
func(); // window

    2.作为对象的方法被调用,由对象调用,this指向该对象

    var name = "window";
    var object = {
        name: "object",
        func: function() {
            console.log(this.name);
        }
    }
    object.func(); // object

    3.使用new构造函数,创建新实例,实例的方法或属性的this指向新实例

    var name = "window";
    function Person() {
        this.name = "person";
    }
    Person.prototype.sayName = function() {
        console.log(this.name);
    }
    var person = new Person();
    person.sayName();  // person  

    4.apply/call调用的时候,this指向由参数设定的对象值

var o1 = {
        name: "o1",
        sayName: function() {
            console.log(this.name);
        }
    }
    var o2 = {
        name: "o2"
    }
o1.sayName.call(o2); // o2
o1.sayName.apply(o2); // o2

 

JS-this指向

标签:

原文地址:http://www.cnblogs.com/formercoding/p/5889107.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!