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的数据类型

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值