JavaScript基础

秃头少女~丫丫

于 2024-01-02 23:46:01 发布

阅读量1.4k

点赞数 37

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/weixin_57071684/article/details/135352609

版权

什么是JavaScript？有哪些数据类型？

JavaScript（简称JS）是一种高级编程语言，主要用于在网页上添加交互效果和动态内容。

JS有以下几种数据类型：

基本数据类型：
- 字符串（string）：表示文本数据，如 “hello”。
- 数字（number）：表示数值，如 3.14。
- 布尔值（boolean）：表示真（true）或假（false）。
- null：表示空值，即没有任何值。
- undefined：表示未定义，即声明了变量但未给它赋值。
引用数据类型：
- 对象（object）：表示一组无序的键值对，如 {name: “John”, age: 20}。
- 数组（array）：表示一组有序的值的集合，如 [1, 2, 3]。
- 函数（function）：表示可重复使用的代码块。

此外，JS还有一种特殊的数据类型，叫做 Symbol，用于创建唯一的标识符。

什么是闭包（Closure）？

闭包（Closure）是指在一个函数内部创建另一个函数，内部函数可以访问外部函数的变量和参数，即使外部函数执行完毕后，内部函数仍然可以访问这些变量和参数。

闭包可以理解为函数和其相关的引用环境的组合体，包括函数本身以及在函数定义时所处的作用域链。内部函数通过闭包捕获了外部函数的变量和参数，使得这些变量和参数的生命周期被延长，可以在内部函数中被引用和使用。

闭包的主要作用有：

保护变量：外部函数的变量可以被内部函数访问，但不会被外部环境直接访问到。
记忆状态：闭包可以记住外部函数的状态，即使外部函数执行完毕后，仍然可以通过闭包访问到之前的状态。
实现模块化：通过闭包可以创建私有变量和私有函数，从而实现模块化和信息隐藏。

使用闭包需要注意内存泄漏的问题，因为闭包会持有外部函数的引用，导致外部函数的变量无法被垃圾回收。因此，在使用闭包时需要注意及时释放不再使用的引用。

解释一下事件委托（Event Delegation）是什么？

事件委托（Event Delegation）是一种JavaScript编程技巧，它利用事件冒泡的特性，将事件处理程序绑定到一个父元素上，而不是直接绑定到子元素上。当事件触发时，事件会向上冒泡，父元素会接收到事件并触发相应的事件处理程序。然后通过判断事件源（即具体触发事件的子元素），可以在父元素中统一处理多个子元素的事件。

通过事件委托，我们可以减少事件处理程序的数量，提高性能和代码的可维护性。相较于为每个子元素单独绑定事件处理程序，事件委托可以将事件处理逻辑集中在父元素上，避免了重复绑定和解绑事件处理程序的操作。

事件委托的优点有：

动态绑定：对于通过JavaScript动态添加的子元素，无需再为其绑定事件处理程序，它们也会受到委托的触发范围。
简化代码：减少了事件处理程序的数量，简化了代码结构，提高了代码的可维护性。
提升性能：由于减少了事件处理程序的数量，减少了内存占用和DOM操作，提升了网页的性能。

需要注意的是，事件委托要保证委托的元素能够正确地捕获到子元素的事件，所以需要选择一个合适的触发范围，通常是子元素的最近的共同父元素。同时，在事件处理程序中，需要判断事件源来执行相应的逻辑，以保证只针对特定的子元素进行操作。

什么是异步编程？如何处理异步操作？

异步编程（Asynchronous Programming）是一种编程模型，用于处理一些耗时的操作，例如网络请求、文件读写等，以避免阻塞主线程的执行。

在传统的同步编程中，代码按照顺序执行，一个操作完成后才能进行下一个操作。而在异步编程中，代码可以继续执行其他操作，而不需要等待当前操作完成。

在JavaScript中，处理异步操作有以下几种方式：

回调函数（Callback）：通过将回调函数作为参数传递给异步函数，当异步操作完成时，会调用相应的回调函数。这种方式简单直接，但容易造成回调地狱，即多个嵌套的回调函数导致代码可读性和维护性较差。
Promise（承诺）：Promise是一种封装异步操作的对象，可以用于处理异步操作的结果。通过Promise，可以链式调用then()方法处理异步操作的结果，可以通过catch()方法捕获错误。Promise提供了更优雅的方式处理异步操作，避免了回调地狱的问题。
async/await：async/await是ES2017引入的一种处理异步操作的语法糖。使用async关键字定义异步函数，内部使用await关键字等待异步操作完成。使用async/await可以让异步代码看起来像同步代码，提升了代码的可读性。
事件监听（Event Listener）：某些异步操作会触发特定的事件，在代码中可以监听这些事件，并在事件回调函数中处理异步操作的结果。例如，可以通过XMLHttpRequest对象的onload事件来监听异步请求完成。
RxJS：RxJS是一个响应式编程库，可以用于处理异步操作。它通过Observables和观察者模式来处理异步数据流。RxJS提供了丰富的操作符和函数，可以对异步操作进行组合、转换和过滤。

以上是常用的异步编程方式，选择适合自己的方式处理异步操作取决于具体的需求和开发环境。

解释一下同源策略（Same-Origin Policy）是什么？

同源策略（Same-Origin Policy）是一个Web浏览器安全机制，它限制了一个源（包含协议、域名和端口）的文档或脚本如何与另一个源的资源进行交互。

同源策略的目的是保护用户的安全，防止恶意网站窃取用户数据或进行其他恶意行为。它通过不允许跨源访问来限制网页的行为，确保网页只能访问同一源的资源，避免了跨站点攻击（Cross-Site Scripting，XSS）和跨站点请求伪造（Cross-Site Request Forgery，CSRF）等安全问题。

同源策略的限制包括以下几个方面：