• this指向问题(call、apply、blind),自我理解的


    在创建函数的时候,函数自身有一些属性和方法
            
            其中有
                apply、call、bind方法,这些方法都是能够改变this指向的
                
                
                call:有无数的参数
                    第一个参数:
                        能够改变this指向,基本上是写啥是啥(null,undefined,设置了还是window)
                    
                    从第二个参数以后,就是实参(有几个形参就对应几个实参);
    function fn(a,b,c,d){
            console.log(this);
            console.log(a+b+c+d);
        }
    fn.call(document,1,2,3,4);//改变this指向,有无数个参数
     
                    
                    
                apply:只有2个参数
                    第一个参数:
                        能够改变this指向,基本上是写啥是啥(null,undefined,设置了还是window)
                        
                    第二个参数:(数组内放置的就是实参)
                        数组[]
    function fn(a,b,c,d){
            console.log(this);
            console.log(a+b+c+d);
        }
      fn.apply(document,[1,2,3,4]);//改变this指向,第二个参数是数组
     
                        
                上面2个方法,都是使用之后自动执行函数。
                        
                bind,调用了bind方法不是直接执行函数,返回值就为新的函数(一般是改变this之后的函数)
                
                    若干参数:
                        第一个参数:
                            能够改变this指向,基本上是写啥是啥(null,undefined,设置了还是window),从第二个参数以后,就是实参(有几个形参就对应几个实参)
                            
    function fn(a,b,c,d){
            console.log(this);
            console.log(a+b+c+d);
        }
    let f = fn.bind(document);
    f(1,2,3,4);//改变了this指向,并且需要重新调用函数。
    
    
    代码的世界很精彩,好的代码需要慢慢的打磨。
  • 相关阅读:
    字典_序列解包用于列表元组字典
    字典_序列解包用于列表元组字典
    字典_元素的访问_键的访问_值的访问_键值对的访问
    字典_特点_4种创建方式_普通-dict
    元组_生成器推导式创建元组-总结
    MySql高级
    技术点
    全文检索ElasticSearch
    数仓管理
    SpringCache
  • 原文地址:https://www.cnblogs.com/Allisson/p/9898032.html
Copyright © 2020-2023  润新知