乐鱼电竞
















    
    



	

		

			
			
教育行业A股IPO第一股（股票代码 003032）

		

		

			
全国咨询/投诉热线：400-618-4000
			
		

	



    

    
    

        




  

  

    
    

    
    
  

  
  





    

   

        

			
			
			
		

		

		
		
   

    
    

        
        
        
        
        

            

                
演示jQuery的链式调用过程【前端面试题】

                
更新时间:2021年06月09日15时32分 来源:乐鱼电竞  浏览次数:   

                

                    

乐鱼电竞-一样的教育，不一样的品质




（1）考察目标


要考查的是什么是链式编程


（2）题目分析


1）链式编程就是通过扩展原型链方法并且return this，将所有对同一个对象的操作指到同一个实例上


2）es6 class 的语法


S6引入了Class（类）这个概念，通过class关键字可以定义类。该关键字的出现使得其在对象写法上更加清晰，更像是一种面向对象的语言


代码：


        class Test {
            constructor(x, y) {
                this.x = x
                this.y = y
                this.z = null
            }
            test1() {
                this.z = this.x + this.y
                return this
            }
            test2() {
                console.log(this.z / this.x)
                return this
            }
            test3() {
                return this
            }
        }

        let test = new Test(5, 10)
        test.test1().test2()


（3）应用场景


在jq中存在大量的链式语法，实现原理很简单，就是在jq的原型链中每个方法都使用return this；

在返回当前的原型方法，也就是说链式语法使用的是前一个方法的回调对象；











猜你喜欢：


自学jquery教程：乐鱼播客jquery入门教程下载


什么是jQuery? jQuer能做什么？


怎样使用jQuery？jQuery常见操作问题和解决方法


乐鱼电竞前端与移动开发开发培训


                

                
                
                
                
                


0
分享到：










                
            

            
        

        
    



    
    

        
    

    
    

        


    

    




 



























 


	
	
	
	




	

	
和我们在线交谈！





















【网站地图】【sitemap】