`

JavaScript链式原理的学习

阅读更多

     所谓的“链式”:是指调用一个对象的方法后返回的是这个对象自身,也就是返回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学习指南

    首先,JavaScript的基础语法是理解其工作原理的关键。这包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作符(如赋值、算术、比较、逻辑)、流程控制(如条件语句if...else、switch,以及循环...

    JavaScript核心原理解析 下载下载因为太大存百度云盘1.zip

    JavaScript是Web开发中的关键语言,它为网页和应用程序提供了...以上只是JavaScript核心原理的冰山一角,深入学习还需要结合实践,不断探索和总结。参考资源中的视频教程将为你的JavaScript学习之路提供宝贵的指导。

    JavaScript异步编程学习

    这篇博客“JavaScript异步编程学习”可能探讨了如何有效地处理非阻塞操作,以避免程序因等待I/O或其他耗时任务而陷入停滞。在JavaScript中,异步编程主要依赖于回调函数、事件循环、Promise、async/await等机制。 ...

    javascript源代码_经典实例100.rar

    开发者可以逐个浏览并学习这些实例,理解它们的工作原理,将所学应用到自己的项目中,提升JavaScript编程技能。通过实践这些经典实例,不仅可以巩固基础知识,还能掌握更多的实战技巧,提高解决问题的能力。

    最好的javascript学习教程-JavaScript使用详解

    本教程将深入探讨JavaScript的各个方面,旨在为初学者提供一个全面的学习路径,同时也适合有经验的开发者进行回顾和深化。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持基本数据类型(如字符串、数字、...

    JavaScript动态网站开发案例指导

    - async/await:学习异步编程的新方式,简化Promise链式调用。 6. **Web存储与API交互** - Web Storage:了解localStorage和sessionStorage,用于在浏览器中持久化数据。 - Fetch API和Ajax结合:通过fetch与...

    JavaScript实例教程源码

    2. Promise:学习Promise的创建、链式调用、错误处理以及all和race方法。 3. async/await:掌握异步控制流的新方式,实现更易读的异步代码。 六、ES6及以后的新特性 1. 类与模块:了解ES6引入的类语法糖以及模块...

    精通JavaScript(图灵计算机科学丛书)_javascript_

    9. **性能优化**:了解V8引擎的工作原理、内存管理和垃圾回收机制,可以帮助优化JavaScript代码,提升运行效率。 10. **跨平台开发**:借助Electron可以使用JavaScript构建桌面应用,React Native则支持用...

    深入理解JavaScript异步

    首先,我们来了解异步编程的基本原理。在JavaScript中,由于其单线程的执行模型(即所谓的Event Loop),无法同时执行多个耗时任务,如网络请求或读写文件。为了解决这个问题,引入了异步处理机制,使得程序可以在...

    《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析

    链式调用是一种编程技术,在这种技术中,...通过学习链式调用的原理和实践技巧,我们不仅可以更加高效地利用JavaScript面向对象的特性,还能够编写出更加简洁和优雅的代码。希望本文所述对JavaScript程序设计有所助益。

    javascript-思维导图

    这份"javascript-思维导图"涵盖了JavaScript的基础知识和核心概念,是学习和复习JavaScript的重要参考资料。 思维导图通常以图形的方式组织信息,通过分支结构帮助我们更好地理解和记忆复杂的内容。在JavaScript的...

    javascript 王者归来.pdf

    《JavaScript王者归来》这本书深入探讨了这种语言的核心概念和高级特性,旨在帮助读者掌握JavaScript编程的精髓,理解其背后的原理。 一、基础篇:JavaScript语言核心 1. 变量与数据类型:JavaScript支持动态类型,...

    精通JavaScript+jQuery随书示例

    通过查看和运行这些代码,你可以直观地理解它们的工作原理,并学习到最佳实践。 2. **素材文件**:可能包括图片、音频、视频或其他资源,这些素材被用在示例中以增强用户体验或展示特定功能,如媒体播放、图像处理...

    jQuery JavaScript与CSS开发入门经典 源码

    通过学习这本书的源码,你可以深入理解这三个关键技术的工作原理,以及如何将它们有效地结合在一起,创建交互性强、视觉效果丰富的网页应用。 jQuery是一个流行的JavaScript库,它简化了JavaScript的DOM操作、事件...

    javascript Promise简洁学习用法方法小结_.docx

    ### JavaScript Promise 学习与应用详解 #### 一、引言 在JavaScript中,Promise是一种用于处理异步操作的方法,它有效地解决了回调地狱的问题。本文将深入探讨Promise的基础概念、实现原理以及具体应用场景。 ###...

    JavaScript 高手

    - **Promise**:学习Promise的三种状态(pending、fulfilled、rejected)和链式调用,以及then、catch方法。 - **async/await**:掌握异步编程的新方法,理解async函数的原理和await关键字的使用。 5. **DOM操作*...

    精通JavaScript源码1

    理解事件循环机制以及Promise的链式调用原理,能够帮助我们编写出无阻塞的高效代码。 最后,深入研究JavaScript的原型链、作用域、闭包等基础概念,是成为JavaScript高手的必经之路。它们是JavaScript实现继承、...

    突破JavaScript编程实例五十讲 JavaScript精髓 JavaScript技巧

    5.2 Promise:学习Promise的创建、链式调用,以及处理错误的方法。 5.3 async/await:深入理解异步控制流的新方式,如何使代码更加简洁可读。 第六讲:事件与DOM操作 6.1 事件:了解事件模型,学习事件监听与触发,...

    JavaScript初高级教程

    3. **JavaScript性能优化**:探讨V8引擎的工作原理,学习如何编写高性能的JavaScript代码,包括避免全局变量、减少DOM操作、合理使用缓存等。 4. **模块化**:了解CommonJS、AMD和ES6模块,以及如何使用webpack或...

    JavaScript从入门到精通 所有例题程序

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责...在学习过程中,建议先理解每个例题背后的原理,然后尝试自己编写代码,最后对比参考答案进行查漏补缺,这样可以更好地巩固知识,提升编程能力。

Global site tag (gtag.js) - Google Analytics