第2章 JavaScript基础-任务1 显示变量数据类型

var price=1000;
定义变量并赋值
赋值
var addPrice=prompt("相机竞拍，请出一口价:","1");
var total=price+addPrice; 输出
document.write(“<h2>你购买相机的价格："+total+”</h2>”);
变量的作用域
可由函数 1、 函数 2 和函数 3 访问
运算符
算术运算符
+、-、 * 、 / 、%、 ++、--
比较运算符
==、!=、 >、>=、 <、<=
逻辑运算符 &&、||、！
条件运算符 ？：
“+”号的用法
示例
100
document.write("<h1>淘宝相机竞拍</h1>");
1000100 ? bug
var price=1000;
Prompt函数返回输入的字符串
类型转换
toString()：把其他类型转换成字符串 • 如: var num=35; num.toString()
parseInt(String)、parseFloat(String) 将字符串转换为整型、浮点型 • 如: parseInt (“34.45”)将字符串“34.45”转换为浮点值34.45 基本数据类型转换 •Boolean(value)：把值转换为布尔型，如Boolean(“”)返回false、Boolean(“-1”) 返回true •Number(value)：将值转换为数值型 •String(value)：把值转换为字符串 •toFixed()：把值按照指定的小数位返回数字的字符串表示
脚本
全局变量 test
函数function1 局部变量a
变量 a、b 和 c 只能 在其各自的函数中 被访问
函数function2 局部变量b
函数 function3 局部变量c
Hale Waihona Puke Baidu
根据编程目的决定将变量声明为全局变量还是局部变量
数据类型
• 弱类型，区分大小写，句尾分号非强制要求。
数值型 • 整型、浮点型 字符串型 • 单引号或双引号引起来 布尔型 • true, false Null、undefined
document.write(typeof(arrlist));
练一练
练习 使用prompt语句完成加法运算
var addPrice=prompt("相机竞拍，请出一口价:","1");
var total=price+parseFloat(addPrice); +字符串相连：1000+”100”
document.write(“<h2>你购买相机的价格："+total+”</h2>”);
任务实现
document.write("<h2>对变量或值调用typeof运算符返回值：</h2>");
var width, height = 160,
name = "Timmy"; var date = new Date();
定义时间日期对象
var arrlist = new Array();
定义数组
document.write(typeof(width) + "</br>");
document.write(typeof(height) + "</br>");
任务描述
如何在页面显示变量的数据类型？
演示任务1：在页面显示变量的数据类型
任务分析
实现思路
在页面显示变量数据类型需要以下步骤： 1. 声明变量 2. 为变量赋值 3. 使用typeof方法显示数据类型名称
变量
区分大小写
以字母或下 划线开头
可以包含数 字、字母
变量
变量的声明和赋值
• 定义变量
示例 var count;
“var” － 用于声明变量的关键字 “count” － 变量名
• 赋值
示例 count = 5;
• 同时声明和赋值变量
示例 var count = 10;
• 声明多个变量
示例 var x, y, z = 10;
声明变量
示例 document.write("<h1>淘宝相机竞拍</h1>");
document.write(typeof(name) + "</br>");
document.write(typeof(true) + "</br>");
document.write(typeof(null) + "</br>");
document.write(typeof(date) + "</br>");