21.修改this指向.html 947 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. /**
  11. * call
  12. * xxx.call(修改成那个对象,传参1,传参2)
  13. * apply
  14. * xxx.apply(修改成那个对象,[传参1,传参2])
  15. * bind
  16. * xxx.bind(修改成那个对象,传参1,传参2)()
  17. */
  18. var obj = {
  19. name:"LiLi",
  20. age:10,
  21. eat:function(a,b){
  22. console.log(a+b);
  23. console.log(this);
  24. console.log(this.sex);
  25. }
  26. }
  27. // obj.eat(2,3);
  28. var obj1 = {
  29. sex:"女"
  30. }
  31. // function fn1(){}
  32. // fn1()
  33. obj.eat.bind(obj1,2,3)();
  34. // obj.eat.apply(obj1,[2,3])
  35. // obj.eat.call(obj1,2,3);
  36. </script>
  37. </body>
  38. </html>