# JavaScript 基础

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

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

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

《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

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
  • 命名规则

TIP

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

  • 变量注意

WARNING

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

  • 一次性声明多个变量
var c = 5, 
  d = 7, 
  e;
// 多个变量之间用逗号隔开
  • 常量
const pi = 3.14;
//  一旦声明不能再重新赋值

# 课后任务

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