书架

书架

=一个知识书库=

JavaScript如何从 event.target 获取元素的 ID

JavaScript如何从 event.target 获取元素的 ID

考虑一段如下所示的代码: ```javascript $('body').on('click', function(e){ }); ``` 我知道有一种方法可以从 `e.target` 获取元素类型,即 `e.target.nodeName`,但我如何才能获取该元素的 id从那?如果做不到,是否有另一种方法来获取被点击元素的 id? **最佳答案** 您可以使用 `e.target.id`。 e.target 表示 `DOM` 对象,您可以访问它的所有属性和方法。 ```javascript $('body').on('click', function
more...
Javascript callback

Javascript callback

## **什么是回调?** **「简单说」**:回调是一个要在另一个函数执行完毕后执行的函数,因此称为回调。 **「复杂的说」**:在 Javascript 中,函数是一个对象。因此,函数可以将一个函数作为参数,并且可以由其他函数返回。这样的函数我们一般称为高阶函数 **「higher-order functions」**。任何被作为参数传递的函数都可以称为回调函数。 百说不如一练,让我们用几个例子来进一步分析这个问题。 <!--more--> ## **为什么我们需要回调?** 其中一个很重要的原因是:Javascript 是一种事件驱动的语言。这意味着
more...
Async/Await 7 个优于普通 Promise 的原因

Async/Await 7 个优于普通 Promise 的原因

Async/Await 在 NodeJS 7.6 中引入,目前所有的现代浏览器中均能支持使用。相信自 2017 年以来,它已成为 JS 最大的补充。如果你不相信的话,那么有很多理由能向你说明为什么应该立即使用它而不是停滞不前。 ## **Async/Await** `Async/Await` 简单介绍: - Async/Await 是一种编写异步代码的新方法。异步代码之前的替代方法是 callback 和 promises。 - Async/Await 实际上是在 promises 之上构建的语法糖。它不能与普通回调和 node 回调一起使用。 - Async/Await
more...
Javascript 中普通函数和箭头函数的区别

Javascript 中普通函数和箭头函数的区别

箭头函数是 ES6 中引入的新特性,它使我们在编写函数表达式的语法更加简洁。虽然普通函数和箭头函数的工作方式类似,但是它们之间还是存在一些差异。 ## **语法** ```javascript // ES5 var add = function(x, y) { return x + y; }; // ES6 let add = (x, y) => { return x + y }; ``` <!--more--> 从上面箭头函数的例子可以看出,箭头函数允许开发人员以更少的代码来完成普通函数相同的功能。 如果花括号内只有一个表达式,我们甚至可以将花
more...
JavaScript状态模式:如何优雅地管理状态

JavaScript状态模式:如何优雅地管理状态

# JavaScript状态模式 在前端开发中,状态管理是一个非常重要的问题。 随着应用程序的复杂度不断增加,状态管理变得越来越困难。 JavaScript状态模式是一种优雅的解决方案,可以帮助我们更好地管理状态。 本文将介绍JavaScript状态模式的基本概念和使用方法,并通过一个实际的例子来说明如何使用状态模式来管理状态。 <!--more--> ## 什么是JavaScript状态模式 JavaScript状态模式是一种设计模式,它将对象的状态封装在一个对象中,并提供一组方法来管理状态。 状态模式可以帮助我们更好地管理对象的状态,使代码更
more...