`

自己动手-call和apply

JavaScript 
阅读更多 
<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/...

Magicbox
Global site tag (gtag.js) - Google Analytics