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;//删除属性


 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值