image.png

1.普通函数 window

  1. function go(){
  2. console.log(this);
  3. }

2.构造函数 实例对象

  1. function Go(name,age){
  2. this.name=name
  3. this.age=age
  4. console.log(this);
  5. }
  6. var p=new Go('li',12)
  7. console.log(p);

3.对象方法

  1. var name="window"
  2. var obj={
  3. name:"javascript",
  4. sayMame(){
  5. console.log(this.name); // javascript
  6. },
  7. wait(){
  8. setTimeout(function(){
  9. console.log(this,name); //window
  10. })
  11. },
  12. delay(){
  13. setTimeout(()=>{
  14. console.log(this.name); //javascript
  15. })
  16. }
  17. }
  18. obj.wait()
  19. obj.delay() //

4.事件绑定 绑定事件对象

  1. var btn=document.querySelector('#btn')
  2. btn.onclick=function(){
  3. console.log(this);
  4. }

5.定时器函数

  1. setTimeout(function(){
  2. console.log(this); //window
  3. })