为什么jquery空函数如此复杂？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

为什么要把jQuery当参数传给匿名函数

heelsj jquery-3.1.0...= function(){ return (function($){ console.log($('.right').html()); })(jQuery...) }(); 首先函数会构建作用域，把jQuery传进去，可以减少作用域查找。...如果不把jQuery当参数传递，则你使用变量jQuery/$的时候，首先会在函数体内查找，然后进fn查找，最后到window下查找。...而你把jQuery传进去之后，则只需要在函数体内查找$即可。如果以后依赖的是Zepto/jqlite，你只需要改下参数就行了，在这种极端的情况下，降低了代码修改和可复用成本。

5471 0

函数式编程之组合性：函数式编程为什么如此吸引人？

GC、Lambda、 Java8的流（Stream）概念其实都来自函数式编程。他因何有如此魔力呢？...组合行为的高阶函数在函数式编程：接收函数，作为输入或返回一个函数，作为输出这种函数叫高阶函数（High-order function），就如高中数学的复合函数 f(g(x))。...高阶函数作用在于，可用它去做行为的组合： find方法就是个高阶函数：接收一个函数作为参数，这样一些处理逻辑就能外置出去。这段代码的使用者，就能按需组合。...面向对象与函数式编程的组合面向对象组合的元素是类和对象函数式编程组合的是函数实际工作中如何将面向对象和函数式编程两种不同的编程范式组合运用。...总结面向对象关键在于结构的组合，而函数式编程在于函数接口的组合。将单纯结构化的功能代码，重构成了领域模型+应用层引用的方式。属于领域模型的功能内敛，应用层对这些功能的复杂性无感。

6601 0

您找到你想要的搜索结果了吗？

是的

没有找到

回调函数的注册机制为什么会在嵌入式固件开发中应用如此广泛？

在我们平时开发STM32或者其它单片机时，我们经常都会用到原厂提供的固件库函数，固件库函数中有非常多回调函数。那么什么是回调函数呢？回调函数是作为参数传递给另一个函数的函数。...C语言中的回调是使用函数指针实现的。函数指针就像普通指针一样，但它不是指向变量的地址，而是指向函数的地址。在程序运行期间，可以设置相同的函数指针指向不同的函数。...在下面的代码中，我们可以看到如何使用函数指针将函数作为参数传递给函数。该函数将函数指针和两个整数值作为参数和。将执行的算术运算取决于将传递给函数指针参数的函数。...在我们的代码中具有回调功能所需的元素是：将被调用的函数(回调函数) 将用于访问回调函数的函数指针将调用回调函数的函数("调用函数") 接下来介绍使用回调函数的简单流程。...有两种不同的函数用于处理接收到的字节事件。在初始化函数中，函数指针被分配了应该使用的函数的地址用于处理事件。这是注册回调函数的操作。

3.1K5 0

【深入浅出jQuery】源码浅析--整体架构

如此受欢迎的原因，大多数人使用 jQuery() 构造方法使用的最多的就是直接实例化一个 jQuery 对象，但其实在它的内部实现中，有着 9 种不同的方法重载场景： // 接受一个字符串，其中包含了用于匹配元素集合的...,[ownerDocument]) jQuery(html,[attributes]) // 传入空参数 jQuery() // 绑定一个在 DOM 文档载入完成后执行的函数 jQuery(callback...，一个方法兼容了许多情况，也允许用户传入各种不同的参数，导致内部处理的逻辑十分复杂，所以当解读一个方法的时候感觉到了明显的困难，尝试着跳出卡壳的那段代码本身，站在更高的维度去思考这些复杂的逻辑是为了处理或兼容什么...，是否是重载，为什么要这样写，一定会有不一样的收获。...，那么为什么两个方法指向同一个函数实现，但是却实现不同的功能呢, // 阅读源码就能发现这归功于 this 的强大力量 // 如果传入两个或多个对象，所有对象的属性会被添加到第一个对象 target /

9774 1

JavaScript 匿名函数几种执行方式

（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。...p=%7B%7BcurrentPage+1%7D%7D 最初我以为是一个括号包裹匿名函数，再在后面加个括号调用函数，最后达到函数定义后立即执行的目的，后来发现加括号的原因并非如此。...，当时不知道为什么要加括号，后来明白，要在函数体后面加括号就能立即调用，则这个函数必须是函数表达式，不能是函数声明。...JQuery使用的就是这种方法，将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中，在全局作用域中调用JQuery代码时，可以达到保护...JQuery内部变量的作用。

1.4K3 0

Ajax详解

已经接收到全部数据，可以在客户端使用而XMLHttpRequest正是处理了服务器端和客户端通信的问题所以才会如此的重要。...(全局) success：成功之后执行的回调函数(全局) error：失败之后执行的回调函数(全局) 　　　　　　complete：完成之后执行的回调函数(全局...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数 $.ajax 中的contentType 在http 请求中，get 和 post 是最常用的。...， application/x-www-form-urlencoded 这种形式是没有办法将复杂的 JSON 组织成键值对形式 ,你传进去可以发送请求，但是服务端收到数据为空，因为 ajax 没有办法知道怎样处理这个数据...这种类型是 text ，我们 ajax 的复杂JSON数据，用 JSON.stringify序列化后，然后发送，在服务器端接到然后用 JSON.parse 进行还原就行了，这样就能处理复杂的对象了。

2.5K5 0

vuejs简单介绍

数据驱动的做法声明三个变量,用户名,密码,验证码,使用数据绑定把变量绑定到三个input 验证码的显示状态 = 用户名不为空 && 密码不为空提交按钮的显示状态 = 用户名不为空 && 密码不为空...函数 vue组件形参 slot,props 局部变量和局部函数 data,methods 函数名 name return template 形参这个放在第一个讲，因为比其它的复杂。...props 函数可以接受外部的输入，然入内部吐出加工之后的结果，在vue中也是如此的，vue的组件允许从外部接收定义好的prop，可以指定相关的数据类型，默认值，是否允许为空，是否双向数据同步，是否单次绑定...既然有了props，为什么还需要slot来做为另一种外部的输入呢？...，即所谓的插槽，来实现内容的”props”，它可以在组件内部定义好slot的插入点，外部html插入的时候就能指定一个插入点替换掉这个slot了，我理解的slot就是针对复杂内容的一种外部参数了，那么不复杂的内容是不是就可以不需要了

2.1K2 0

学习jQuery设计思想有感

我认为是有的，因为jQuery中也蕴含了很多编程套路，我们新人应该学习一些jQuery的思想，它可以作为一个过渡，帮助我们更好地理解Vue和React等更为复杂的框架设计思想我们知道，jQuery的基本设计思想和主要用法...selector))//新建一个elements2等于把遍历到的元素组成的数组 array = array.concat(elements2)//把elements2放入空数组...的两个核心设计思想闭包这里的addClass和find函数访问了外部的变量elements，这样的好处是：用户永远不能直接操作elements只能用过函数操作elements，只要函数不死，elements...就不会死，因为这个函数在访问elements，被访问的东西是不能随便删掉的链式调用（以下jQuery()均写为$）上述代码中是通过addClass的return this(这个this就是api...，新的函数包含了上一个函数返回的值，所以它可以把不同的操作连在一起不仅如此，jQuery还提供了一个end方法，使得结果集可以返回上一步　　$('div') 　　　.find('h3') 　　　.

1K3 0

jQuery.noConflict() 深度剖析与应用指南

在概括以上解释之前, 可以给出一个真实世界的案例, 来说明为什么 jQuery.noConflict() 在实际项目中是如此重要。...以一个较老的企业后台管理系统为例, 假设它已经存在一套自己封装的前端函数库, 并且这个函数库的入口点名称同样是 $。...此时如果没有合理地处理命名冲突, 很可能导致原有的 $ 函数库与 jQuery 的函数都无法正常调用, 最终出现模块报错, 甚至让页面崩溃。...这些遗留系统往往又大又复杂, 也无法立即淘汰, 因此在项目升级或新功能引入时, 就需要通过 jQuery.noConflict() 来保障新老兼容性。...就像在团队协作里如何尊重并容纳彼此的工作, jQuery 通过 noConflict 这个方法告诉我们, 库与库之间也可以大度且从容地进行共存, 帮助开发者在复杂环境里优雅地应对命名冲突与版本兼容等诸多挑战

2560 0

初识React

我们都知道基于html的前端界面开发正变得越来越复杂，传统的开发方式在解决将来自于服务器或者用户输入的交互数据，动态反应到复杂界面上的时候，代码量变得越来越大，越来越难以维护，常常力不从心。...但是，对于庞大的项目，这种模式会造成代码结构复杂，难以维护。...这个函数是一个纯函数，所谓纯函数，指的是没有任何的副作用，输出完全依赖于输入的函数，两次函数调用如果输入相同，得到的结果也绝对相同。...如此一来，最终的用户界面，在render函数确定的情况下完全取决于输入数据。...data，哪些属于render，想要更新用户界面，要做的就是更新data，用户界面自然会做出响应，所以React实践的也是“响应式编程”（Reactive Programming）的思想，这也就是React为什么叫做

9332 0

我曾用 Angular 重写了 jQuery 应用，如今却被 React 逼疯了

不，Angular 真正击败的敌人是 jQuery。尽管 jQuery 只是 HTML DOM API 的一个封装（不得不承认当时非常粗糙），但它仍然成了构建复杂 Web 应用的事实标准。...但即便如此，这次经历不仅证实了我的低预期没问题，而且还大大拉低了我的预期。React 让人抓狂，不知道为什么没有人谈论它。架构、组件、状态首先，让我们从 React 为你选定的架构开始。...对于一个简单的“UI 库”来说，React 确实有很多复杂的术语。而且对于一个与“函数式编程”无关的库来说，它里面确实有很多函数式编程的命名。让我们从状态开始。...为什么我们不能只是说 React 疯了，然后就不管了。作为理性的灵长类动物，我相信我们可以做得更好。我们可以尝试理解它。我想起了我的第一份工作，想起了 “jQuery 迁移 ”项目中的一位同事。...这也难怪，惰性是一剂猛药，但这仍然无法解释为什么这段代码最终会复杂到难以想象的地步。

2390 0

2021大厂（阿里、百度、字体跳动、腾讯）前端面试题库

14.如何把本地仓库的内容推向一个空的远程仓库？ 15.如在 Git 恢复先前的提交? 16.什么是“git cherry-pick”?...2.为什么要进行复杂度分析？ 3.如何进行复杂度分析？ 4.常用的时间复杂度分析 5.时间复杂度分类 6.时间复杂度消耗时间排序 7.空间复杂度分析 8.如何掌握好复杂度分析方法？...$nextTick 的使用 17.vue 组件中 data 为什么必须是一个函数？ 18.渐进式框架的理解 19.Vue 中双向数据绑定是如何实现的？...5.jQuery中的方法链是什么？使用方法链有什么好处？ 6.如何将一个HTML元素添加到DOM树中的？ 7.说出jQuery中常见的几种函数以及他们的含义是什么? 8.jQuery 能做什么？...22.为什么需要 React 中的路由？ 23.列出 React Router 的优点。 24.类组件和函数组件之间有什么区别？ 25.state 和 props有什么区别？

2.5K2 1

2022 年十大 JavaScript 框架

那么，这些框架为什么能够排进 Web 应用开发 JavaScript 框架前十呢，它们的优势是什么呢?...React.js 是基于组件的，也就是说，你可以创建具有状态的已经封装好的组件，然后组合它们来构建复杂的 UI。...jQuery jQuery 是另一个 JavaScript 库，由于其函数性经常被误作为是一款框架。jQuery 不仅功能丰富，而且速度快、体积小。...这就是为什么开发人员需要在数种框架中进行选择，以构建基于 JavaScript 的应用程序。但是世上没有完美的框架，哪款是理想的框架完全取决于你的需求。...除了每个框架提供的特性外，你还应该考虑复杂性、学习曲线、社区支持和兼容性文档。

3.8K2 0

学习zepto.js(Hello World)

$函数返回了上图中的zepto.init()函数的执行结果,接收了两个参数,第一个是选择器(selector),第二个是上下文(context), 　　如果调用时selector为空,则直接返回一个Zepto...最后返回的一个变量经过Zepto的构造函数摇身一变为Zepto对象。...然后判断name变量是否为空，如果为空，通过正则取出标签尖括号内的值。fragmentRE内容如下： ? 　　...然后遍历该object，将属性放入dom元素中，那个判断就不多做解释了，因为有一些属性被zepto做成方法了，所以直接调用该方法就可以了，这也是为什么调用$(“”,{text:’显示的值’}),可以通过...jQuery对象就算是通过ID选择器也会返回一个length为1的数组的原因，如果没有获取到该元素，则返回一个空数组；　　　　如果不满足该条件，则判断上下文是否为一个标签节点，文档对象节点或一个文档片段节点

4.1K8 0

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

今天使用 jQuery 的 delay() 来延迟执行 hide() ，发现延时不起效，查了一些资料，找到了其中的原因。...jQuery 1.4 新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。...(); //延迟5秒来现在id为test的div 上边的代码无效，必须得在 show() 中传参数： $("#test").delay(5000).show(function(){}); //传回调函数...或 $("#test").delay(5000).show(1); //动画的速度或 fast 或 slow 或随便写如 xxx 疑惑是为什么必须传参数才能正确执行？...同样的 hide() 也如此。看一下 jQuery文档对 delay() 的解释：设置一个延时来推迟执行队列中的项目，它既可以推迟动画队列中函数的执行，也可以用于自定义队列。

3.8K1 0

37个JavaScript基本面试问题和解答（建议收藏）

但是，情况并非如此。...例如，这通常用于jQuery插件。 jQuery允许您使用jQuery.noConflict()来禁用对jQuery名称空间的$引用。...6、考虑下面的两个函数。他们都会返回同样的值吗？为什么或者为什么不？...但是，在ECMAScript 6之前，这有点复杂，因为没有提供与Number.isInteger()方法等价的方法。...例如，使用map()时，map()的输出中的空插槽将保持为空，但未定义的插槽将使用传递给它的函数重映射： var b = [undefined];b[2] = 1;console.log(b); //

4.1K1 0

前端小知识10点（2019.5.2）

1、为什么 jQuery 整体上是一个匿名函数自调用？因为匿名函数自执行里面的所有东西都是局部的，这样引用 jQuery 时，能防止和其他的代码冲突。...---- 2、jQuery 静态方法和实例方法的区别 $() 是调用 jQuery 方法返回的一个 jQuery 对象，$() 调用的方法是实例方法，实例方法只能为 $() 所用如：$("li").each...() $ 是 jQuery 函数（方法），$ 调用的方法是静态方法/工具方法，静态方法既可以给 $() 调用，也可以给原生 javascript 调用如：$().each() ---- 3、为什么 typeof...由于 null 代表的是空指针（大多数平台下值为 0x00），因此，null的类型标签也成为了 0，typeof null就错误的返回了"object"。...（即 this 指向该对象）（3）执行构造函数的代码（4）返回该新对象注意：new 关键字的重要作用就是把实例对象的 this 与原型链相关联 ---- 7、数组的index（array[-5

4842 0

最常见的 20 个 jQuery 面试问题及答案

3. jQuery 里的 ID 选择器和 class 选择器有何不同？（答案）　　如果你用过 CSS，你也许就知道 ID 选择器和 class 选择器之间的差异，jQuery 也同样如此。...#ButtonToClick' ).click( function (){ $( '#ImageToHide' ).hide(); }); 　　我喜欢这个问题，因为很贴近实际使用，代码也不复杂...$(document).ready() 是个什么函数？为什么要用它？(answer) 　　这个问题很重要，并且常常被问到。 ready() 函数用于在文档进入ready状态时执行代码。...3. jQuery 里的 ID 选择器和 class 选择器有何不同？（答案）　　如果你用过 CSS，你也许就知道 ID 选择器和 class 选择器之间的差异，jQuery 也同样如此。...$(document).ready() 是个什么函数？为什么要用它？(answer) 　　这个问题很重要，并且常常被问到。 ready() 函数用于在文档进入ready状态时执行代码。

15.3K3 0

从一个bug说jquery的事件注册和触发机制

handler.guid = this.guid++; /*从缓存中取出已有处理函数*/ events = jQuery.data(elem, "events");...){ ... } } } 两个方法均使用到了jQuery.data，此函数只是拿来作缓存之用，所有数据存到了jQuery.cache。...= data; } }) 注:以上代码摘自jquery-1.2.6版本，新版本代码要复杂一些，但实现机制类似。...- 子页面的myevent处理函数保存在了子页面的jQury.cache中 - 父页面的jQury.cache上没有myevent处理函数，触发时当然也不会有调用。...,function(){ console.log('i get it') }); 如此一来

1.2K3 0

Cypress（四）查询元素

一.通过jquery选择器查询我们知道Jquery作为前端经典框架，也有查询元素的功能，那么两者有啥相似和不同之处呢？...是不是看起来很像，实际上，Cypress捆绑了JQuery,并提供了很多JQuery的DOM遍历方法，因此可以使用熟悉的API轻松处理复杂的HTML结构。...它会立马同步返回一个空的jQuery集合，不包含我们要找的元素就立马结束了，不会去重试查询，如果有时候页面没有完全加载出来去查询，结果返回为空，但是实际上页面又有这个元素，这明显不符合我们ui自动化的需求...dosomething重试查询方法 if ($myElement.length) { doSomething($myElement) } 太过复杂繁琐当Cypress无法从其选择器中找到任何匹配的...注：在Cypress中，当您想直接与DOM元素交互时，可以使用.then()将元素作为其第一个参数的回调函数进行调用。

2.1K2 0

点击加载更多

为什么要把jQuery当参数传给匿名函数

函数式编程之组合性：函数式编程为什么如此吸引人？

回调函数的注册机制为什么会在嵌入式固件开发中应用如此广泛？

【深入浅出jQuery】源码浅析--整体架构

JavaScript 匿名函数几种执行方式

Ajax详解

vuejs简单介绍

学习jQuery设计思想有感

jQuery.noConflict() 深度剖析与应用指南

初识React

我曾用 Angular 重写了 jQuery 应用，如今却被 React 逼疯了

2021大厂（阿里、百度、字体跳动、腾讯）前端面试题库

2022 年十大 JavaScript 框架

学习zepto.js(Hello World)

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

37个JavaScript基本面试问题和解答（建议收藏）

前端小知识10点（2019.5.2）

最常见的 20 个 jQuery 面试问题及答案

从一个bug说jquery的事件注册和触发机制

Cypress（四）查询元素

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐