JavaScript 基础

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

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

程序员必做50题 (opens new window)

《JavaScript高级程序设计》第3版 (opens new window)

JS 概述

• 历史

提示

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

• 现状

提示

既可以运行在客户端浏览器，也可以运行在服务器端

• 特点

提示

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

• 应用场景

提示

制作浏览器端的交互效果
创建web服务器、操作数据库等服务器端操作

谷歌 火狐 IE safari 欧朋

JS的开发环境

• 浏览器自带的JS解释器

• 服务器端的 NodeJS

nodejs下载地址 (opens new window)

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

• 命名规则

提示

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

• 变量注意

警告

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

• 一次性声明多个变量

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

• 常量

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

课后任务

课后任务

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