# JavaScript 基础
# 学习一门编程语言的基本步骤
- 了解背景知识:历史、现状、特点、应用场景
- 搭建开发环境:编写hello world
- 常量和变量
- 数据类型
- 运算符
- 逻辑结构
- 通用小程序
- 函数和对象
- 第三方框架、库
- 实用的项目
《JavaScript高级程序设计》第3版 (opens new window)
# JS 概述
- 历史
TIP
1995年,JS最早出现在Netscape浏览器中,作为一种脚本语言。
1997年,JS提交给了ECMA,制定统一的标准ECMAScript
2009年,遵循CommonJS规范,开始向服务器端发展
- 现状
TIP
既可以运行在客户端浏览器,也可以运行在服务器端
- 特点
TIP
解释型语言,编译一行执行一行
跨平台,支持所有的操作系统
弱类型语言
基于对象
- 应用场景
TIP
制作浏览器端的交互效果
创建web服务器、操作数据库等服务器端操作
谷歌 火狐 IE safari 欧朋
# JS的开发环境
浏览器自带的JS解释器
服务器端的 NodeJS
node -v # 查看当前安装的nodejs版本号
执行JS代码
浏览器
// 创建01.js和01.html两个文件
// 在01.html中引入01.js文件
<script src="01.js"></script>
- NodeJS
node C:/xampp/..../01.js # 回车
# JS语法规范
- 区分大小写
- 每行代码结束的分号可加可不加,建议都加
- 分为单行注释(//...)和多行注释(/.../)
# 变量
- 用于存储数据的容器
x = 1
y = 2
- 声明变量
var x = 1;
// 使用var关键字声明了一个变量,名称叫x,存储的值是1
- 命名规则
TIP
变量的名称可以使用字母、数字、美元符号($)、下划线(_),不能以数字开头
关键字和保留字不能作为变量名
- 变量注意
WARNING
变量可以只声明未赋值,var a
; 此时的a值为 undefined
可以为变量多次赋值,赋不同类型的值
- 一次性声明多个变量
var c = 5,
d = 7,
e;
// 多个变量之间用逗号隔开
- 常量
const pi = 3.14;
// 一旦声明不能再重新赋值
# 课后任务
课后任务
- 复习今天内容,整理思维导图
- 练习
- 使用变量保存圆的半径,常量保存圆周率,计算圆的周长和面积。
- 声明多组变量保存商品的单价和数量,计算商品的总价
- 预习js中的数据类型
数据类型 →