JavaScript01

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);
上一篇:定时删除日志文件,排查占用空间的大文件


下一篇:Linux常用命令学习