3.修改this指向.html 862 B

12345678910111213141516171819202122232425262728293031
  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. function fn1(x,y) {
  11. var sum = x + y;
  12. console.log(sum,'sum');
  13. console.log(this,'this');
  14. console.log(this.name,'name');
  15. }
  16. var obj = {
  17. name:"图图"
  18. }
  19. fn1(2,3)
  20. fn1.bind(obj,2,3)();
  21. // fn1.apply(obj,[2,3])
  22. // fn1.call(obj,2,3)
  23. /**
  24. * call bind apply 区别
  25. * 1.bind无法直接调用 call和apply可以直接调用
  26. * 2.call和bind从第二项开始,要传入的参数是逐个传入的
  27. * 3.apply从第二项开始,要传入的参数在数组中逐个传入
  28. */
  29. </script>
  30. </body>
  31. </html>