`

自己动手-call和apply

阅读更多
<body>
<input type="submit" name="button" id="button" value="点击" />
<script type="text/javascript">

document.getElementById("button").onclick=function(){
	alert(this.id);
}
document.getElementById("button").click();

function clickFun(){
	alert(this.id);
}
var aButton=document.getElementById("button");
clickFun.call(aButton);
//clickFun.call(aButton);

</script>
</body>

 

分享到:
评论

相关推荐

    js代码-手写 apply

    在本篇文章中,我们将深入探讨`apply`的工作原理,并尝试自己动手实现一个类似的函数。 首先,让我们理解`apply`的基本用法。`apply`接受两个参数:第一个是希望设置为`this`值的对象,第二个是参数数组或者类数组...

    JavaScript 高手

    - **封装与继承**:学习如何实现面向对象的封装和继承特性,如使用call、apply、bind方法进行方法继承。 3. **闭包**:理解闭包的概念,学习如何利用闭包实现数据隐藏和作用域链。 4. **异步编程** - **回调函数...

    javaScript素材

    理解this关键字的指向以及如何使用call、apply、bind方法改变上下文,对于编写复杂的对象系统至关重要。 在现代JavaScript中,ES6(ECMAScript 2015)引入了许多新特性,如箭头函数、let和const、模板字符串、解构...

    新编辑的五日学会JS教程

    3. **this与call/apply/bind**:学习this的指向,以及如何改变函数执行上下文。 第四天:异步编程与事件循环 1. **回调函数**:了解异步编程的基础,如何使用回调解决异步问题。 2. **Promise**:学习Promise的创建...

    javascript

    JavaScript支持基于原型的面向对象编程,可以创建构造函数和实例,使用`prototype`属性继承特性,以及`call`、`apply`等方法实现函数的多态性。 7. **ES6及更高版本的新特性** EcmaScript 6(ES6)引入了许多新...

    ninja-code:来自 JavaScript Ninja 书的 Secrets 的练习

    理解 `this` 在不同场景下的行为(如作为方法调用、作为对象属性调用、使用 `call`、`apply` 和 `bind` 方法)是掌握 OOP 的基础。 7. **ES6+ 新特性**: ES6 及以后的版本引入了许多新特性,如箭头函数、模板字符...

    JavaScript_Pracatise

    2. **面向对象编程**:JavaScript是基于原型的面向对象语言,包括对象创建(字面量语法和构造函数)、原型链、继承(通过原型、call/apply/bind方法、ES6的class关键字)以及封装和多态。 3. **闭包**:闭包是...

    四级听力高频短语,历年四级高频词汇解析

    58. do by oneself:自己动手,亲自做。 59. do good/helpful/of help:有帮助,有益处。 60. do sth. over:重新做,修正错误或不满意的结果。 61. do without:将就,没有某物也能生活。 62. drop in/by, stop by/...

Global site tag (gtag.js) - Google Analytics