`

js中的this关键字及call、apply、bind异同

 
阅读更多

this是javascript中的一个关键

this的使用分为两种情况

①在构造函数中,当使用new得到一个新的对象时,this代表新建的对象

②当this所在函数运行时,this代表调用者。其中像test()这样直接运行的函数它的调用者就是windows,还有call、apply、bind等一些特殊例子

 

call、apply、bind异同

三者都是用于改变上下文环境的,即this对象的指向

网上有些文章说他们改变了作用域链,自己写了简单代码测试不是的,只是改变执行上下文中的this

call、apply作用一样,区别在于接受参数方式。call是将参数按顺序传递进去,apply则是将参数放在数组中传递,而bind则是返回一个上下文确定的新对象。

 

<script type="text/javascript">
		function x(A,B){
			alert(A+B+this.C);
		}
		var C = 4;
		x(1,1);//6
		
		var D = {C:5};
		var y = x.bind(D);
		y(1,1);//7
		
		var E = {C:6};
		x.call(E,1,1);//8
		x.apply(E,[1,1]);//8
</script>

 

 

 

callback回调函数

在js中回调函数的定义为:函数A作为参数传递到另一个函数B中,并且这个函数B执行函数A。我们就A为回调函数。如果它没有名称就叫匿名回调函数

<script type="text/javascript">
		function n(A,B,callback){
			var C = A+B;
			callback(C);
		}
		function x(A){
			alert(A);
		}
		n(1,2,x);//3
		n(1,2,function(A){alert(A+1);});//4
</script>

 

 

分享到:
评论

相关推荐

    07-call、apply、bind三者的异同.html

    07-call、apply、bind三者的异同

    JavaScript 高级编程之深入解析call、apply和bind的实现与应用

    内容概要:本文详细介绍了 JavaScript 中的三个用于改变函数内部 this 指向的方法——call()、apply() 和 bind() 的具体用法、区别和自定义实现方式。作者不仅提供了详细的解释说明和代码演示来展示三者的异同及其...

    实例讲解JavaScript中call、apply、bind方法的异同

    总结来说,`call()`、`apply()`和`bind()`是JavaScript中非常实用的功能,它们允许开发者精细控制函数执行时`this`的指向,从而可以更加灵活地使用函数和构造器。通过掌握这些方法,可以解决许多涉及`this`指向的...

    JavaScript高级第03天笔记1

    call、apply 和 bind 三者的异同: * 共同点:都可以改变 this 指向 * 不同点:call 和 apply 会调用函数,并且改变函数内部 this 指向;bind 不会调用函数,仅仅改变函数内部 this 指向。 3. 严格模式 ...

    JavaScript中的apply()方法和call()方法使用介绍

    除了apply()和call()之外,JavaScript中还有一个类似的bind()方法,用于创建一个新的函数,这个新函数在调用时绑定到bind()方法提供的this值上。 首先,我们需要了解apply()和call()方法的定义和它们的异同。apply...

    JavaScript实例教程

    - this的指向问题,以及call, apply, bind方法的应用。 4. **对象与数组** - 对象创建、访问属性、原型链。 - 数组的方法:push, pop, shift, unshift, splice, slice, join, etc. - 对象字面量和解构赋值。 5...

    todo

    - this与上下文:理解this的指向规则,以及apply、call、bind方法的应用。 - 函数参数默认值、解构赋值:提升代码可读性和便利性。 - 模块化:CommonJS、AMD、ES6模块导入导出机制。 4. 对象与数组 - 对象:...

Global site tag (gtag.js) - Google Analytics