第1章，JavaScript概述
JavaScript的历史
- JavaScript因互联网而生，紧跟浏览器的发展而发展
- JavaScript诞生于1995年，当时JavaScript的主要目的是：处理以前由服务器端负责的一些校验操作，可以把这些操作在浏览器端完成，从而提高效率
- 恰逢Sun公司Java问世，两家公司强强联合，Netscape公司希望借助Java语言的声势，Sun公司则将自己的影响力拓展到浏览器
- JavaScript是一种在网络浏览器上运行的编程语言，这种编程语言我们称为脚本语言
- JavaScript语言可以添加到使用HTML和CSS构建的网站中，在页面加载时会自动执行，并在实现各种页面动态效果、交互方面发挥重要的作用
ECMAScript语言版本发展历程
| 版本号 |
发布时间 |
新增内容 |
| ECMAScript3 |
1999年 |
正则表达式、switch、do-while、try-catch等 |
| ECMAScript5 |
2009年 |
严格模式、get()、set()、JSON解析等 |
| ECMAScript6 |
2015年 |
let和const、拓展运算符、箭头函数 |
JavaScript的应用领域
| JavaScript语言应用 |
| 数据可视化 |
| 小程序 |
| 游戏 |
| 物联网 |
| 鸿蒙 |
| 网站开发 |
| 移动应用 |
| 服务端 |
| AR/VR |
| 快应用 |
ECMAScript的三种具体表现
- ECMAScript有三种具体的表现：
- JavaScript，是浏览器的具体实现
- Nodejs，服务器端的实现
- ActionScript，flash中的实现
ECMAScript在JavaScript中的位置
- JavaScript分成三个部分：
- ECMAScript：是核心标准，JavaScript是它的一个具体实现
- DOM：文档对象模型，一套操作页面元素的API
- BOM：浏览器对象模型，一套操作浏览器功能的API
ECMAScript表述的内容
- ECMAScript描述了以下内容：
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 运算符
- 基于对象的语言
JavaScript引入方式
- JavaScript引入方式一：定义在script标签中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Huawei</title>
<script>
alert("Hello Huawei!")
</script>
</head>
<body>
</body>
</html>
- JavaScript引入方式二：定义在HTML标签内
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Huawei</title>
</head>
<body>
<button onclick="alert('Hello Huawei!')">点击</button>
</body>
</html>
- JavaScript引入方式三：定义在外部js文件，然后在页面中引入js文件
function init() {
alert("Hello Huawei");
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Huawei</title>
<script src="hw.js"></script>
</head>
<body onload="init()">
</body>
</html>
JavaScript浏览器工作台环境
- JavaScript使用浏览器工作台环境
- 在Chrome或者Firefox等现代浏览器中均内置了工作台环境，在Chrome或者Firefox，打开开发者工具栏即可进行编辑（快捷键Ctrl+Shift+L），在工作台中可以直接输入代码开始编程：
JavaScript本地开发工具
| 名称 |
工具简介 |
| Visual Studio Code |
微软开发的IDE，支持TypeScript。它提供了代码补全，语法高亮，支持Git命令等等，还有非常多的插件 |
| WebStorm |
JetBrains公司发布的收费编辑器，支持多种框架和CSS语言，包括前端、后端、移动端以及桌面应用 |
| HBuilder |
数字天堂推出的一款支持HTML5的Web开发IDE |
第2章，JavaScript的特征
JavaScript语言特点
- 解释性：JavaScript是一种解释语言，源代码不需要经过编译，直接在浏览器上运行时被解释
- 跨平台：JavaScript依赖于浏览器本身，与操作环境无关
- 弱类型：JavaScript定义变量不需要明确类型，表现灵活
- 事件驱动：JavaScript可以直接对用户或客户输入做出响应，无需经过web服务程序
- 基于对象：JavaScript是一种基于对象的语言，能运用自己已经创建了的对象
JavaScript语言和Java语言不同
- Java语言需要编译，Java属于编译型语言；而JavaScript语言是运行时由解释器直接执行，JavaScript属于解释型语言
- Java是强类型语言；JavaScript是弱类型语言
- JavaScript语言的函数是独立的数据类型
- JavaScript的面向对象是基于原型实现的，Java的面向对象是基于类实现的
JavaScript变量定义
- JavaScript变量定义语法：关键词 变量名 = 变量值
- JavaScript定义变量的四种方式：
- 省略关键词，定义的为全局变量，在任何位置定义，在任何位置都可以访问，但不建议使用。例如：
num=10;
- var关键词，无块级作用域，定义在块级作用域中的变量，外界也可以访问。例如：
var num=10;
- let关键词，有块级作用域，定义在块级作用域中的变量，外界无法访问。例如：
let num=10;
- const关键词，有块级作用域，定义在块级作用域中的变量，外界无法访问，且变量的值不能再被第二次修改，所以为常量。例如：
const num=10;
JavaScript命名规范
- 在JavaScript中可以自主命名的都可以称之为标识符
- 例如：JavaScript变量名、JavaScript函数名、JavaScript属性名都属于标识符
- JavaScript命名一个标识符需要遵守如下规则：
- 标识符可以包含字母、数字、下划线_，$
- 标识符首字母不能以数字开头，用字母，下划线_，$开头都可以
- 标识符不能是ES中的关键字或保留字
- 标识符一般都采用驼峰命名法；首字母小写，每个单词的开头字母大写，其余字母小写
- 例如：
userName，checkUserPassword
JavaScript注释
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
评论（0）