javascript基本使用 9 ------call,apply

call,apply:

    每一个函数都包含两个非继承而来的方法,:call,apply.这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

   例子:

//简单用法:绑定函数 用于传递参数 调用
   
   function sum(a,b){
	   return a+b;
	   }
   console.info(sum(10,20));//30

  function call(x1,x2){
	 return sum.call(this,x1,x2);//call 之后传递的是参数  将sum函数绑定到当前函数
	  }
  console.info(call(10,20));//30
   
   function apply(y1,y2){
	   return sum.apply(this,[y1,y2]);//apply 之后传递的是数组
	   }
   console.info(apply(10,20));//30


     call,apply的用途就是传递参数,但事实上,他们真正强大的地方能够扩充函数赖以运行的作用域。

       

  window.color='red';
   var obj={color:'blue'};
   
   function showColor(){
	   console.info(this.color);
	   }
   showColor.call(this);//red
   showColor.call(obj);//blue


    使用call(),apply(),来扩充作用域的最大好处就是对象不需要与方法有任何耦合关系。

    

    call方法简单实现

       

   //call 方法的简单模拟与实现
   
   //function 方法
   function test(a,b){
	   return a+b;
	   }
    
	//自定义对象
	function Obj(x,y){
		this.x=x;
		this.y=y;
		return x*y;
		}
	var o=new Obj(120,20);	
	//var result=test.call(o,10,10); 一种写法
	var result=test.call(o,o.x,o.y); //另外一种写法
	console.info(result);
	
	o.method=test;
	var res=o.method(o.x,o.y);
	console.info(res);
	delete o.method;//删除属性


 


你可能感兴趣的:(JavaScript,函数)