JS01

• • 1.概述
  • • • (1)历史
      • (2)现状
      • (3)特点
      • (4)应用场景
  • 2.开发环境
  • • • (1)浏览器端
      • (2)服务器端
      • (3)运行JS
  • 3.JS的语法规范
  • 4.变量
  • • • 练习：
      • (1)变量的命名规则
      • (2)变量的赋值
      • 练习：
      • 练习
      • 练习

1.概述

(1)历史

1995年，JS最早出现在NetScape的浏览器中
1996年，IE3中也出现了JS的克隆版，称作JScript
1997年，EMCA组织制定了JS的标准规范ECMAScript
2009年，JS遵循CommonJS规范，开始向服务器端发展

(2)现状

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

(3)特点

• 解释型语言，编译一行执行一行
• 弱类型语言
• 基于对象
• 跨平台性

(4)应用场景

开发浏览器端的交互效果

服务器端开发

2.开发环境

(1)浏览器端

自带的JS解释器
谷歌/Safari/火狐/欧朋/IE/edge

(2)服务器端

Node.js
www.nodejs.org 官网 下载地址
node -v 查看版本号

(3)运行JS

浏览器

创建01.js和01.html，将js文件嵌入到html中

console.log('hello world');
//console.log('WEB前端');
/*
 多行注释
*/

3.JS的语法规范

• 区分大小写
• 每行结束的分号可以省略
• 分为单行注释(//…)和多行注释(/…/)
  注释
  //console.log(‘WEB前端’); 单行注释
  /*
  多行注释
  */

4.变量

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

//声明变量
var a=1;
//console.log(a);

使用var声明变量，在内存中开辟空间名称为a，然后把1保存进入

练习：

声明多个变量，分别保存一个员工的编号，姓名，性别，生日，工资；最后打印这组变量

var eid=8;
var ename='涛桑';
var sex='男';
var birthday='1973-7-15';
var salary=50000;
//console.log(eid,ename,sex,birthday,salary);

一次性声明多个变量

 var b=2,c=3;

(1)变量的命名规则

• 变量的名称可以由字母、数字、下划线、美元符号组成，不能以数字开头，不能使用关键字

//命名规则
var a1=5;
//var 1a=6;//数字不能出现在开头
var $b2=7;
var _$c3=9;
//var var=10;//不能使用关键字

• 语义
  phone email user_name userName

//var 城市='北京';
//console.log(城市);

(2)变量的赋值

变量声明后如果未赋值则为undefined（未定义），这表示一个空值
变量可以被多次赋值，赋不同类型的值，这是弱类型语言的特点

var userName;//undefined
//重新赋值
userName='tao';
userName='dong';
//弱类型语言，存储的类型可以变化
userName=20;
//console.log(userName);

练习：

声明变量保存商品的单价和数量，声明变量保存总价。
再次声明变量保存第二组商品的单价和数量，再次声明变量保存第二次的总价，最后打印两次总价相加的结果。

var price1=20,num1=5,total1;
total1=price1*num1;
var price2=30,num2=6,total2;
total2=price2*num2;
console.log(total1+total2);

练习

声明变量分别保存圆的半径和圆周率，声明变量保存圆的周长和面积，打印圆的周长和面积

//声明变量分别保存圆的半径和圆周率，声明变量保存圆的周长和面积，打印圆的周长和面积
var r=5;
var pi=3.14;
var length=2*pi*r;
var area=pi*r*r;
//console.log(length,area);
//console.log(0.1+0.2);

练习

交换两个变量的值
a=1 b=2 -> a=2 b=1

//交换两个变量的值
var a=1;
var b=2;
//准备第3方变量保存a
var c=a;
a=b;
b=c;
console.log(a,b);