JS01
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);