Web前端之JS概述、函数和数组（1）——概述和数据类型

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

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

2.JS概述

(1)发展历史
1995年，JS最早出现在netscape浏览器中
2009年，JS遵循CommonJS规范，开始向服务器端发展
(2)特点
弱类型语言
解释型语言，编译一行、执行一行
跨平台
基于对象
(3)应用领域
网页中的交互效果
移动App
web服务器

3.搭建JS开发环境

浏览器中，内置的JS解释器
服务器中，需要安装NODEJS
https://nodejs.org NODEJS官网

运行方式
(1)NODEJS下
创建js文件
node c:/xampp/..../02.js
(2)浏览器下
创建js文件
创建html文件

<script  src="02.js"></script>

双击打开html

4.JS语法规范

(1)区分大小写
(2)每行结束的分号可加可不加，习惯上都加
(3)分为单行注释(//…)和多行注释(/…/)

5.变量

变量就是用于存储数据的容器

x=1   y=2

(1)声明变量
使用关键字 var

var x=1;

练习：声明多个变量，分别存储员工的编号、姓名、性别、生日、工资、部门编号。

   var eid=1;
   var ename='tom';
   var sex=0;
   var birthday='1995-10-9';
   var salary=8000;
   var deptId=20;
   console.log(eid,ename,sex,birthday,salary,deptId);

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

userName   isOnsale     驼峰命名
user_name   is_onsale   下划线命名

var $eid=1001;
console.log($eid);
var  _username='take';
console.log(_username);
var  国家='china';   #尽量不用中文，可能会被解析成乱码。
console.log(国家);    #此处可以打印出china

(3)一次声明多个变量

var chinese=90,math=95;

多个变量之间用逗号隔开。

(4)声明变量未赋值

 var a;
 a的值为undefined(未定义)

6.常量

一旦声明不能再重新赋值。
例如：圆周率、春节、中秋节…

  const pi=3.14;

练习：使用变量存储半径，使用常量存储圆周率，计算圆的面积和周长。

 var r=4;
 const pi=3.14;
 console.log(pi*r*r);
 console.log(2*pi*r);

课后任务：
(1)复习今天内容，删除代码，根据注释编写
(2)练习:
使用变量保存圆的半径为5，常量保存圆周为3.14，分别计算30度/60度的周长。
使用变量保存商品1的单价12.5和数量7，商品2的单价18，数量3.5，计算商品的总价。
(3)预习JS的数据类型