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

js中的this指向

时间:2018-04-03 23:57:30      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:his   console   var   ring   gpo   UNC   getname   window   bind   

js中的this指向

首先,js中的this指向是根据运行时确定的,而非定义时。

js中的this指向大致分为如下几种:

  • 作为对象的方法调用
  • 作为普通函数调用
  • 构造调用
  • call、apply调用

作为对象的方法调用

var obj = {
  a: 1,
  getA: function(){
    alert ( this === obj ); // true
    alert ( this.a ); // 1
  }
};
obj.getA();

作为普通函数调用(浏览器环境)

window.name = 'globalName';
var getName = function(){
  return this.name;
};
console.log( getName() ); // globalName

或者

window.name = 'globalName';
var myObject = {
  name: 'sven',
  getName: function(){
    return this.name;
  }
};
var getName = myObject.getName;
console.log( getName() ); // globalName

构造调用

var MyClass = function(){
  this.name = 'sven';
};
var obj = new MyClass();
alert ( obj.name ); // sven

一般情况下,构造调用时this指向new后的对象,但是有种比较特殊,就是当构造函数return一个对象时(必须是对象,其余类型比如string请忽略)指向该对象。

var MyClass = function(){
  this.name = 'sven';
  return {
  name: 'anne'
  }
};
var obj = new MyClass();
alert ( obj.name ); // anne

返回一个普通字串:

var MyClass = function(){
  this.name = 'sven'
  return 'anne';
};
var obj = new MyClass();
alert ( obj.name ); // sven

call、apply调用

call、apply、bind可以人为改变function的this指向:

var obj1 = {
  name: 'sven',
  getName: function(){
    return this.name;
  }
};
var obj2 = {
  name: 'anne'
};
console.log( obj1.getName() ); // sven
console.log( obj1.getName.call( obj2 ) ); // anne

js中的this指向

标签:his   console   var   ring   gpo   UNC   getname   window   bind   

原文地址:https://www.cnblogs.com/vipzhou/p/8711343.html

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