所谓的“链式”:是指调用一个对象的方法后返回的是这个对象自身,也就是返回this,因此可以进行链式调用。
所谓“闭包”是指由于JavaScript中的变量没有像Java、C++那样的块作用域(块通常用{}包含起来),而只有function范围的作用域,再加上函数中的匿名函数赋予一个函数之外的变量,也就是函数之外有变量(也叫句柄、指针)引用了函数内部定义的匿名函数,这时候当这个变量没有被delete或赋予null,则调用这个函数时,JavaScript的虚拟机会保留和这个匿名函数同级的所有变量,直到这个引用句柄被销毁(指向匿名对象的链接被断开),这些function作用域的变量才得以清除。
<html>
<head>
<title>JavaScript原理学习</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<script type="text/javascript">
function jQueryOBJ(el) {
this.el = el;
}
jQueryOBJ.prototype = {
css : function(key, value) {
this.el.style[key] = value;
return this;
},
hide:function() {
this.el.style["display"] = "none";
return this;
},
show:function() {
this.el.style["display"] = "block";
return this;
}
}
var $ = function(idString) {
var el = document.getElementById(idString);
var JOB = new jQueryOBJ(el);
return JOB;
}
function init() {
$("ok").css("border", "2px red solid").show();
}
</script>
</head>
<body>
链式调用例子如:
$("ok").css("border", "2px red solid").show();
<br><br><br><br>
<input type="button" value="执行" onclick="init()"/>
<br>
<div id="ok" style="display:none;">asdlf</div>
</body>
</html>
分享到:
相关推荐
首先,JavaScript的基础语法是理解其工作原理的关键。这包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作符(如赋值、算术、比较、逻辑)、流程控制(如条件语句if...else、switch,以及循环...
JavaScript是Web开发中的关键语言,它为网页和应用程序提供了...以上只是JavaScript核心原理的冰山一角,深入学习还需要结合实践,不断探索和总结。参考资源中的视频教程将为你的JavaScript学习之路提供宝贵的指导。
这篇博客“JavaScript异步编程学习”可能探讨了如何有效地处理非阻塞操作,以避免程序因等待I/O或其他耗时任务而陷入停滞。在JavaScript中,异步编程主要依赖于回调函数、事件循环、Promise、async/await等机制。 ...
开发者可以逐个浏览并学习这些实例,理解它们的工作原理,将所学应用到自己的项目中,提升JavaScript编程技能。通过实践这些经典实例,不仅可以巩固基础知识,还能掌握更多的实战技巧,提高解决问题的能力。
本教程将深入探讨JavaScript的各个方面,旨在为初学者提供一个全面的学习路径,同时也适合有经验的开发者进行回顾和深化。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持基本数据类型(如字符串、数字、...
- async/await:学习异步编程的新方式,简化Promise链式调用。 6. **Web存储与API交互** - Web Storage:了解localStorage和sessionStorage,用于在浏览器中持久化数据。 - Fetch API和Ajax结合:通过fetch与...
2. Promise:学习Promise的创建、链式调用、错误处理以及all和race方法。 3. async/await:掌握异步控制流的新方式,实现更易读的异步代码。 六、ES6及以后的新特性 1. 类与模块:了解ES6引入的类语法糖以及模块...
9. **性能优化**:了解V8引擎的工作原理、内存管理和垃圾回收机制,可以帮助优化JavaScript代码,提升运行效率。 10. **跨平台开发**:借助Electron可以使用JavaScript构建桌面应用,React Native则支持用...
首先,我们来了解异步编程的基本原理。在JavaScript中,由于其单线程的执行模型(即所谓的Event Loop),无法同时执行多个耗时任务,如网络请求或读写文件。为了解决这个问题,引入了异步处理机制,使得程序可以在...
链式调用是一种编程技术,在这种技术中,...通过学习链式调用的原理和实践技巧,我们不仅可以更加高效地利用JavaScript面向对象的特性,还能够编写出更加简洁和优雅的代码。希望本文所述对JavaScript程序设计有所助益。
这份"javascript-思维导图"涵盖了JavaScript的基础知识和核心概念,是学习和复习JavaScript的重要参考资料。 思维导图通常以图形的方式组织信息,通过分支结构帮助我们更好地理解和记忆复杂的内容。在JavaScript的...
《JavaScript王者归来》这本书深入探讨了这种语言的核心概念和高级特性,旨在帮助读者掌握JavaScript编程的精髓,理解其背后的原理。 一、基础篇:JavaScript语言核心 1. 变量与数据类型:JavaScript支持动态类型,...
通过查看和运行这些代码,你可以直观地理解它们的工作原理,并学习到最佳实践。 2. **素材文件**:可能包括图片、音频、视频或其他资源,这些素材被用在示例中以增强用户体验或展示特定功能,如媒体播放、图像处理...
通过学习这本书的源码,你可以深入理解这三个关键技术的工作原理,以及如何将它们有效地结合在一起,创建交互性强、视觉效果丰富的网页应用。 jQuery是一个流行的JavaScript库,它简化了JavaScript的DOM操作、事件...
### JavaScript Promise 学习与应用详解 #### 一、引言 在JavaScript中,Promise是一种用于处理异步操作的方法,它有效地解决了回调地狱的问题。本文将深入探讨Promise的基础概念、实现原理以及具体应用场景。 ###...
- **Promise**:学习Promise的三种状态(pending、fulfilled、rejected)和链式调用,以及then、catch方法。 - **async/await**:掌握异步编程的新方法,理解async函数的原理和await关键字的使用。 5. **DOM操作*...
理解事件循环机制以及Promise的链式调用原理,能够帮助我们编写出无阻塞的高效代码。 最后,深入研究JavaScript的原型链、作用域、闭包等基础概念,是成为JavaScript高手的必经之路。它们是JavaScript实现继承、...
5.2 Promise:学习Promise的创建、链式调用,以及处理错误的方法。 5.3 async/await:深入理解异步控制流的新方式,如何使代码更加简洁可读。 第六讲:事件与DOM操作 6.1 事件:了解事件模型,学习事件监听与触发,...
3. **JavaScript性能优化**:探讨V8引擎的工作原理,学习如何编写高性能的JavaScript代码,包括避免全局变量、减少DOM操作、合理使用缓存等。 4. **模块化**:了解CommonJS、AMD和ES6模块,以及如何使用webpack或...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责...在学习过程中,建议先理解每个例题背后的原理,然后尝试自己编写代码,最后对比参考答案进行查漏补缺,这样可以更好地巩固知识,提升编程能力。