JavaScript 夯实基础第一课：初学者必须要了解的 JavaScript 发展历程及语言规范特性(2)-CSDN博客

本文链接：https://blog.csdn.net/2401_84411557/article/details/138925316

HTTP

HTTP 报文结构是怎样的？
HTTP有哪些请求方法？
GET 和 POST 有什么区别？
如何理解 URI？
如何理解 HTTP 状态码？
简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
对 Accept 系列字段了解多少？
对于定长和不定长的数据，HTTP 是怎么传输的？
HTTP 如何处理大文件的传输？
HTTP 中如何处理表单数据的提交？
HTTP1.1 如何解决 HTTP 的队头阻塞问题？
对 Cookie 了解多少？
如何理解 HTTP 代理？
如何理解 HTTP 缓存及缓存代理？
为什么产生代理缓存？
源服务器的缓存控制
客户端的缓存控制
什么是跨域？浏览器如何拦截响应？如何解决？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

七、JavaScript 本地开发工具推荐
八、神器安利——华为云 CloudIDE
- 8.1、华为云 CloudIDE 产品介绍
九、如何使用华为云 CloudIDE 开发 JavaScript？
- 9.1、进入华为云 CloudIDE 产品官网
总结

前言

本文作为初学者必备的 JavaScript 夯实基础第一课，基于 JavaScript 学习路线，科学、系统总结了 JavaScript 发展历程、语言特点、与 Java 语言的对比、以及变量定义、命名规范、注释等内容，针对高校学生、个人开发者中的初学者、有一定开发经验的开发者均有基础提升的作用。同时对于传统开发者受限于本地开发环境，很难实现基于线上代码引用、服务调试的移动开发能力存在的不足，特意为大家推荐一款非常棒的在线开发工具 CloudIDE。CloudIDE 是面向软件开发者的云端开发环境，支持在云端创建工作空间，在线编码、提交、构建、运行、调试等功能，以 Web 方式获取开发环境，助你轻松跨过线上线下协同开发难关！
在这里插入图片描述

声明：本文由作者“白鹿第一帅”于 CSDN 社区原创首发，未经作者本人授权，禁止转载！爬虫、复制至第三方平台属于严重违法行为，侵权必究。亲爱的读者，如果你在第三方平台看到本声明，说明本文内容已被窃取，内容可能残缺不全，强烈建议您移步“白鹿第一帅” CSDN 博客查看原文，并在 CSDN 平台私信联系作者对该第三方违规平台举报反馈，感谢您对于原创和知识产权保护做出的贡献！

文章作者：白鹿第一帅，作者主页：https://blog.csdn.net/qq_22695001，未经授权，严禁转载，侵权必究！

一、什么是 ECMAScript？

在介绍 JavaScript 的概念之前我们需要了解一下什么是 ECMAScript。

ECMAScript 是一种由 Ecma 国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过 ECMA-262 标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，所以它可以理解为是 JavaScript 的一个标准，但实际上后两者是 ECMA-262 标准的实现和扩展。

1.1、ECMAScript 的三种具体表现

ECMAScript 有三种具体的表现，分别是：

JavaScript，是浏览器的具体实现。
Nodejs，是服务端的实现。
ActionScript，是 flash 中的实现。

1.2、ECMAScript 表述的内容

ECMAScript 描述的内容包括：语法、类型、语句、关键字、保留字、运算符、基于对象的语言。

1.3、ECMAScript 语言版本发展历程

ECMAScript 语言版本的发展历程，具体如下表所示：

版本号	发布时间	新增内容
ECMAScript3	1999 年	正则表达式、switch、do-while、try-cache 等
ECMAScript5	2009 年	严格模式、get()、set()、JSON 解析等
ECMAScript6	2015 年	let 和 const、扩展运算符、箭头函数

二、JavaScript 简介

2.1、JavaScript 的发展历程

JavaScript 因互联网而生，紧跟浏览器的发展而发展。
JavaScript 诞生于 1995 年，当时 JavaScript 的主要目的是：处理以前由服务端负责的一些校验操作，可以把这些操作在浏览器端完成，从而提高效率。
恰逢 Sun 公司 Java 问世，两家公司强强联合，Netscape 公司希望借助 Java 语言的声势，Sun 公司则将自己的影响力扩展到浏览器。
JavaScript 是一种在网络浏览器上运行的编程语言，这种语言我们称之为脚本语言。
JavaScript 语言可以添加到使用 HTML 和 CSS 构建的网站中，在页面加载时会自动执行，并在实现各种页面动态效果、交互方面发挥重要的作用。

2.2、ECMAScript 在 JavaScript 中的位置

JavaScript 分成三个部分，具体如下图所示：

在这里插入图片描述

ECMAScript：是核心标准，JavaScript 是它的一个具体实现。
DOM：文档对象模型，一套操作页面元素的 API。
BOM：浏览器对象模型，一套操作浏览器功能的 API。

2.3、JavaScript 语言特点

JavaScript 脚本语言具备以下五种特点：

解释性：JavaScript 是一种解释语言，源代码不需要进行编译，直接在浏览器上运行时被解释。
跨平台：JavaScript 依赖于浏览器本身，与操作环境无关。
弱类型：JavaScript 定义变量不需要明确类型，表现灵活。
事件驱动：JavaScript 可以直接对用户或客户输入做出响应，无需经过 Web 服务程序。
基于对象：JavaScript 是一种基于对象的语言，能运用自己已经创建了的对象。

2.4、JavaScript 和 Java 语言的区分

相信也有很多小伙伴疑惑，JavaScript 和 Java 名字相近，二者有何不同？不同主要表现在以下四点：

Java 语言需要编译，Java 属于编译型语言，而 JavaScript 是运行时由解释器直接执行，JavaScript 属于解释性语言。
Java 是强类型语言，JavaScript 是弱类型语言。
JavaScript 语言的函数是独立的数据类型。
JavaScript 的面向对象是基于原型实现的，Java 的面向对象是基于类实现的。

2.5、JavaScript 的应用领域

JavaScript 的应用领域分布很广，覆盖方方面面，具体如下图所示：

在这里插入图片描述

三、JavaScript 的命名规范及注释

3.1、JavaScript 的命名规范

在 JavaScript 中可以自主命名的都可以称之为标识符，例如：JavaScript 变量名、JavaScript 函数名、JavaScript 属性名。

JavaScript 命名一个标识符需要遵守以下规则：

标识符可以包含字母、数字、下划线（_）、美元符号（$）。
标识符首字母不能以数字开头，用字母、下划线（_）、美元符号（$）开头都可以。
标识符不能是 ES 中的关键字或是保留字。

标识符一般都采用驼峰命名法：首字母小写，每个单词的开头字母大写，其余字母小写，具体如下图所示：

在这里插入图片描述

3.2、JavaScript 的注释

JavaScript 的注释分为三种，分别是单行注释、多行注释和函数和方法注释。

单行注释的基本形式如下：

//单行注释

多行注释的基本形式如下：

/\*
 \*多行注释
 \*多行注释
 \*/

函数和方法注释的基本形式如下：

/\*\*
 \*函数说明
 \*
 \*\*/

四、JavaScript 变量定义的四种方式

JavaScript 变量定义的语法，定义的基本形式如下：

关键词 变量名 = 变量值;

JavaScript 变量定义有四种基本方式，分别是省略关键词、使用 var 关键词、使用 let 关键词和使用 const 关键词，下面我们一一介绍。

4.1、省略关键词

在 JavaScript 中省略关键词，定义的为全局变量，任何位置定义，在任何位置都是可以访问的，但是不建议使用，定义的基本形式如下：

num = 10;

4.2、使用 var 关键词

在 JavaScript 中使用 var 关键词，无块级作用域，定义在块级作用域中的变量，外界也可以访问，定义的基本形式如下：

var num = 10;

4.3、使用 let 关键词

在 JavaScript 中使用 let 关键词，有块级作用域，定义在块级作用域中的变量，外界无法访问，定义的基本形式如下：

let num = 10;

4.4、使用 const 关键词

在 JavaScript 中使用 const 关键词，有块级作用域，定义在块级作用域中的变量，外界无法访问，且变量的值不能再被二次修改，所以为常量，定义的基本形式如下：

const num = 10;

五、JavaScript 的三种引入方式

5.1、定义在 script 标签内

通过定义在 script 标签内来实现 JavaScript 引入，基本形式如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bailucool</title>
	<script type="text/javascript">
 alert("欢迎学习 JavaScript");
 </script>
</head>
<body>
</body>
</html>

打开页面 JavaScript 自动加载，实现效果具体如下图所示：

在这里插入图片描述

5.2、定义在 HTML 标签内

通过定义在 HTML 标签内来实现 JavaScript 引入，基本形式如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bailucool</title>
</head>
<body>
	<button onclick="alert('欢迎学习 JavaScript')">点击</button>
</body>
</html>

通过点击页面按钮的形式实现 JavaScript 的弹窗，实现效果如下图所示：

在这里插入图片描述

5.3、在页面中引入外部 JavaScript 文件

我们先在外部定义一个 JavaScript 文件，名为 bailucool.js，基本形式如下：

function init() {
	alert("欢迎学习 JavaScript");
}

接着我们在名为 BailuTest.html 的页面引入 bailucool.js 文件，基本形式如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bailucool</title>
	<script type="text/javascript" src="bailucool.js"></script>
</head>
<body onload="init()">
</body>
</html>



### 最后

**文章到这里就结束了，如果觉得对你有帮助可以点个赞哦**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/b9b68e3ac23b2f9e524025195f0267c9.webp?x-oss-process=image/format,png)



8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bailucool</title>
	<script type="text/javascript" src="bailucool.js"></script>
</head>
<body onload="init()">
</body>
</html>



### 最后

**文章到这里就结束了，如果觉得对你有帮助可以点个赞哦**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中...(img-QtvVX7qV-1715781979508)]