函数不同调用模式下this所指代的对象

2019独角兽企业重金招聘Python工程师标准>>>

1.方法调用模式
当函数作为一个对象的属性出现时，叫做对象的方法

1. var book = {
   
2.     title: null,
   
3.     dosth: function () {
   
4.         console.log(this);
   
5.     }
   
6. }
   
7. 
   
8. book.dosth();//输出Object

this指代book对象

2.构造器调用模式
使用new初始化的函数调用叫做构造函数调用

1. function Book(){
   
2.     this.title = 'ss';
   
3.     console.log(this);//输出Object
   
4.     console.log(this.title);//ss
   
5. }
   
6. Book.prototype.dosth = function(){
   
7.     console.log(this);//
   
8.     console.log(this.title);//ss
   
9. }
   
10. Book.dosth2 = function(){
    
11.     console.log(this);//输出function
    
12.     console.log(this.title);//undefined
    
13. }
    
14. 
    
15. var book = new Book();
    
16. book.dosth();
    
17. Book.dosth2();

Book内部以及原型链上的this指代了Book对象，而Book添加的函数dosth2里面this指代为Book这个函数

3.apply调用模式

1. book = {
   
2. 
   
3. }
   
4. 
   
5. function sayBookName(name){
   
6.     console.log(this);
   
7.     console.log(name);
   
8. }
   
9. sayBookName.apply(book,['hehe']);//object

this将指代book对象，也就是apply的第一个参数

4.函数调用

1. function sayBookName(name){
   
2.     console.log(this);//window对象
   
3. }

直接调用一个函数的话this指代全局变量window

转载于:https://my.oschina.net/Estelle/blog/155693