• this
    • this几种不停的使用场景

    this

    • this 要在执行时才能确认值，定义时无法确认值
    1. var a = {
    2.   name:'A',
    3.   fn:function(){
    4.     console.log(this.name);
    5.   }
    6. }
    7. a.fn() //this === A
    8. a.fn.call({name:'B'}) //this === {name:'B'}
    9. var fn1 = a.fn;
    10. fn1() //this === window
    • 作为构造函数执行
    • 作为对象属性执行
    • 作为普通函数执行
    • call apply bind
    1. function Foo(name){
    2.   this.name = name;
    3. }
    4. var f = new Foo('zhangsan');
    6. var obj = {
    7.   name:'A',
    8.   printName:function(){
    9.     console.log(this.name);
    10.   }
    11. }
    12. obj.printName()
    14. function fn(){
    15.   console.log(this);
    16. }
    17. fn()
    19. // call apply bind
    20. function fn1(name) {
    21.   alert(name);
    22.   console.log(this);
    23. }
    24. fn1.call({x:100},'zhangsan',20);
    25. // bind
    26. var fn2 = function fn2(name) {
    27.   alert(name);
    28.   console.log(this);
    29. }.bind({y:200});
    30. fn2('zhangsan',20);

    this几种不停的使用场景

    • 作为构造函数执行
    • 作为对象属性执行
    • 作为普通函数执行
    • call apply bind
    1. function Foo(name){
    2.   this.name = name;
    3. }
    4. var f = new Foo('zhangsan');
    6. var obj = {
    7.   name:'A',
    8.   printName:function(){
    9.     console.log(this.name);
    10.   }
    11. }
    13. obj.printName()
    15. function fn(){
    16.   console.log(this);
    17. }
    18. fn()
    20. // call apply bind
    21. function fn1(name) {
    22.   alert(name);
    23.   console.log(this);
    24. }
    25. fn1.call({x:100},'zhangsan',20);
    26. // bind
    27. var fn2 = function fn2(name) {
    28.   alert(name);
    29.   console.log(this);
    30. }.bind({y:200});
    31. fn2('zhangsan',20);