1. JavaScript 基础

1.1. 学习一门编程语言的基本步骤

• 了解背景知识：历史、现状、特点、应用场景
• 搭建开发环境：编写hello world
• 常量和变量
• 数据类型
• 运算符
• 逻辑结构
• 通用小程序
• 函数和对象
• 第三方框架、库
• 实用的项目

程序员必做50题

《JavaScript高级程序设计》第3版

1.2. JS 概述

• 历史 :::tip 1995年，JS最早出现在Netscape浏览器中，作为一种脚本语言。
  1997年，JS提交给了ECMA，制定统一的标准ECMAScript
  2009年，遵循CommonJS规范，开始向服务器端发展 :::

• 现状 :::tip 既可以运行在客户端浏览器，也可以运行在服务器端 :::

• 特点 :::tip 解释型语言，编译一行执行一行
  跨平台，支持所有的操作系统
  弱类型语言
  基于对象 :::

• 应用场景 :::tip 制作浏览器端的交互效果
  创建web服务器、操作数据库等服务器端操作 :::

谷歌 火狐 IE safari 欧朋

1.3. JS的开发环境

• 浏览器自带的JS解释器

• 服务器端的 NodeJS

nodejs下载地址

node -v   # 查看当前安装的nodejs版本号

• 执行JS代码

• 浏览器

// 创建01.js和01.html两个文件
// 在01.html中引入01.js文件
<script src="01.js"></script>

• NodeJS

node  C:/xampp/..../01.js   # 回车

1.4. JS语法规范

• 区分大小写
• 每行代码结束的分号可加可不加，建议都加
• 分为单行注释(//...)和多行注释(/.../)

1.5. 变量

• 用于存储数据的容器

x = 1
y = 2

• 声明变量

var x = 1;
// 使用var关键字声明了一个变量，名称叫x，存储的值是1

• 命名规则

:::tip 变量的名称可以使用字母、数字、美元符号($)、下划线(_)，不能以数字开头
关键字和保留字不能作为变量名 :::

• 变量注意

:::danger 变量可以只声明未赋值，var a; 此时的a值为 undefined
可以为变量多次赋值，赋不同类型的值 :::

• 一次性声明多个变量

var c = 5, 
  d = 7, 
  e;
// 多个变量之间用逗号隔开

• 常量

const pi = 3.14;
//  一旦声明不能再重新赋值

1.6. 课后任务

:::details 课后任务

• 复习今天内容，整理思维导图
• 练习
  • 使用变量保存圆的半径，常量保存圆周率，计算圆的周长和面积。
  • 声明多组变量保存商品的单价和数量，计算商品的总价
• 预习js中的数据类型 :::