JavaScript的100个概念

ops/2024/10/17 16:10:23/

JavaScript对初学者来说既是福音,也是挑战。一方面,掌握它后可以构建各种项目,比如网站、应用程序和服务器,还能在很多行业找到工作。但另一方面,它又充满怪异之处,并被各种复杂的库和框架包围。在这段课程中,我们将一起探讨这门语言的奥秘。

JavaScript由Brendan Eich于1993年在Netscape公司创建。当时,网络浏览器是一项革新性技术,将人们通过互联网连接起来。那时的网站都是静态的,主要依靠HTML来构建。JavaScript的诞生是为了让这些网页变得更加互动,且开发过程更简单。如今,它已成为全球最受欢迎的编程语言之一,现代版本称为ECMAScript。JavaScript也是唯一能在所有浏览器中原生运行的语言。

除了浏览器外,工具如Node.js和Deno还允许我们在服务器上运行JavaScript代码。作为一种脚本语言,你可以直接在浏览器的开发者工具中运行代码,实时看到效果。JavaScript的执行引擎——V8——采用即时编译,将代码转换为机器码以提高性能。

要开始使用JavaScript,你需要一个HTML页面,并在其中插入<script>标签。你可以直接在标签内写代码,比如console.log("Hello, World!");,它会在浏览器的开发者控制台中输出结果。

在JavaScript中,变量的声明方式有多种。常见的有let,用于声明可变变量;const则用于不可重新赋值的变量。而var是旧版的变量声明方式,尽量避免使用。

理解变量的作用域对避免代码错误很重要。在函数内部声明的变量只能在该函数内使用,而全局声明的变量则可在程序的任何地方访问。另一个需要注意的是分号的使用。JavaScript允许省略分号,但许多开发者建议使用它以避免潜在错误。

JavaScript中的函数是核心组件。函数可以接收参数并返回值,还能作为对象使用,这为高级函数提供了可能。此外,函数内部还能嵌套其他函数,形成闭包,使内部函数能够访问外部函数的变量,即使外部函数已经结束执行。

javascript">// 示例1:创建一个简单的交互网页,点击按钮显示提示框
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JavaScript 交互示例</title>
</head>
<body><button id="clickMe">点击我!</button><script>document.getElementById("clickMe").addEventListener("click", function() {alert("你点击了按钮!");});</script>
</body>
</html>// 示例2:使用 async/await 进行异步请求
async function fetchData() {try {let response = await fetch('https://jsonplaceholder.typicode.com/posts/1');let data = await response.json();console.log("数据获取成功:", data);} catch (error) {console.error("获取数据出错:", error);}
}
fetchData();// 示例3:使用箭头函数和闭包实现计数器功能
function createCounter() {let count = 0;return () => {count++;console.log(`当前计数:${count}`);};
}const counter = createCounter();
counter(); // 当前计数:1
counter(); // 当前计数:2
counter(); // 当前计数:3


http://www.ppmy.cn/ops/126242.html

相关文章

Ambari-2.7.4和HDP-3.1.4安装(附Ambari和HDP安装包)

1.、环境及软件准备 Ambari-2.7.4和HDP-3.1.4下载 ,提取码:3rwq 环境:CentOS7(我这里使用的是CentOS7.9版本)、三台虚拟机,单节点内存13GB、存储80GB 软件:mysql5.7+、jdk8、ambari-2.7.4.0-centos7.tar.gz、HDP-3.1.4.0-centos7-rpm.tar.gz、HDP-UTILS-1.1.0.22-centos7…

说下SSL/TLS四次握手过程?

参考自&#xff1a;SSL/TLS四次握手过程是怎么样的&#xff1f;HTTPS、SSL、TLS三者之间的联系和区别 一.SSL/TLS 简介 SSL(Secure Socket Layer 安全套接层)是基于 HTTPS 下的一个协议加密层&#xff0c;用于解决 HTTP 在传输数据时使用明文而导致的不安全问题。 SSL 是 HT…

一次性理清Environment体系

在Spring中&#xff0c;我们可以通过配置文件等方式去进行一些属性值的配置&#xff0c;比如通过Value注解去获取到对应的属性值&#xff0c;又或者说是想在程序运行时获取系统环境变量&#xff0c;类似的这些操作其实都是去获取一些配置数据&#xff0c;所以在Spring中对这些数…

Excel多级结构转成树结构形式

第一步&#xff1a;Excel文件的形式如下 第二步&#xff1a;转换成树结构可选形式 第三步&#xff1a;具体怎么实现&#xff1f; &#xff08;1&#xff09;、需要借助数据库中表来存储这些字段&#xff0c;一张表&#xff08;aa&#xff09;存Excel文件中的所有数据&#xff…

Python单例模式(三种实现方式:覆写__new__方法、使用装饰器、使用元类)(单例模式之线程安全)(单例的懒汉模式与饿汉模式)

文章目录 Python单例模式详解介绍单例模式的用途- 当类的构造函数被标记为私有时&#xff0c;保证无法在类外部实例化。- 当系统中的某个类只需要一个全局实例时&#xff0c;例如配置管理器、线程池等。- 资源共享&#xff0c;例如全局缓存、全局状态管理等。 实现单例模式使用…

推荐给前端同学的自动化测试库

对于前端开发而言&#xff0c;自动化测试不仅能够提高开发效率&#xff0c;还能确保应用的稳定性和可靠性。而Python提供了多种适用于前端自动化测试的库。这些库能够帮助前端开发者轻松实现UI测试、API测试和性能测试等多种需求。本文将介绍几个Python中常用的前端自动化测试库…

阿斯伯格与自闭症:特征对比及教育启示

在特殊儿童的世界里&#xff0c;阿斯伯格综合征和自闭症常常引起人们的关注。虽然两者都属于神经发育障碍范畴&#xff0c;但在特征表现上却存在着一定的差异&#xff0c;而这些差异也为特殊教育带来了不同的启示。 阿斯伯格综合征的孩子在很多方面表现出独特的特征。他们通常在…

力扣853.车队

力扣853.车队 题目解析及思路 题目要求求出到达终点时并排的车量&#xff0c;其中后车在追上前车时会降到同样的速度 可以看作一个数轴&#xff0c;每辆车的位置从大到小排序&#xff0c;如果前车被追上&#xff0c;后车的速度一定大于前车 即有(target - p1)/s1 < (tar…