简介
变量与数据类型
根据变量定义的范围不同,变量有全局变量和局部变量之分。直接定义的变量是全局变量,全局变量可以被所有的脚本访问;在函数里定义的变量称为局部变量,局部变量只在函数内有效。如果全局变量和局部变量使用相同的变量名,则局部变量将覆盖全局变量。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var test = "全局变量";
function checkScope(){
var test = "局部变量";
console.log(test);
}
checkScope();
</script>
<body>
</body>
</html>
JavaScript的变量没有块范围。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function test(o){
//定义变量i,变量i的作用范围是整个函数。
var i = 0;
if(typeof o == "object"){
//定义变量j,变量j的作用范围是整个函数内,而不是if块内。
var j = 5;
for(var k=0; k<10; k++){
//因为JavaScript没有代码块范围,所以k的作用范围是整个函数内,而不是循环体内。
document.write(k);
}
//即使出了循环体,k的值依然存在。
console.log(k + "\n" + j);
}
}
test(document);
</script>
<body>
</body>
</html>
定义变量时写var和不写var的区别?
- 如果使用var定义变量,那么程序会强制定义一个新变量。
- 如果没有使用var定义变量,系统会优先在当前上下文中搜索是否存在该变量。只有在该变量不存在的前提下,系统才会重新定义一个新变量。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//定义全局变量。
var scope = "全局变量";
function test(){
//全局变量被局部变量覆盖。
//而此时scope局部变量尚未赋值,故此处输出undefined。
document.writeln(scope + "<br />");
//定义scope局部变量,其作用范围为整个函数内。
/*
此处全局变量scope在test()函数中已经被覆盖了,局部变量在整个test()函数内部都是有效的,但此处scope还没有被赋值,故此处输出undefined。
*/
//var scope = "局部变量";
/*
此处不是定义新变量,而是直接为全局变量scope赋值。因此test()函数并没有覆盖全局变量scope。
*/
scope="局部变量";
document.writeln(scope + "<br />");
}
test();
</script>
</head>
<body>
</body>
</html>
全局变量的作用范围对于执行HTML事件处理一样有效。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件处理中的局部变量和全局变量</title>
<script type="text/javascript">
//定义全局变量
var x = "全局变量";
</script>
</head>
<body>
<!--在onclick事件中重新定义了x局部变量。-->
<input type="button" value="局部变量" onclick="var x='局部变量'; console.log('输出x局部变量的值:' + x);"/>
<!--直接输出全局变量x的值。-->
<input type="button" value="全局变量" onclick="console.log('输出x全局变量的值:' + x);"/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var a = 5E2;
var b = 1.23e-3;
console.log(a); //print:500
console.log(b); //print:0.00123
//如果数值只有小数部分,则可以省略整数部分的0,但小数点不能省略。
c = 3.12e1;
d = 45.0;
e = .34e4;
f = .24e-2;
console.log(c); //print:31.2
console.log(d); //print:45
console.log(e); //print:3400
console.log(f); //print:0.0024
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var a = Number.POSITIVE_INFINITY;
var b = Number.NEGATIVE_INFINITY;
console.log(a + b); //print:NaN
/*
JavaScript中的算术运算允许除数为0(除数和被除数也可同时为0,得到结果为NaN),正数除以0的结果就是Infinity,负数除以0的结果就是-Infinity。
Nan是另一个特殊的数值,它是Not a Number三个单词的首字母,表示非数。0除以0,或者以Infinity执行算术运算都将产生NaN的结果。当然,如果算术表达式中有个NaN的数值变量,则这个算术表达式的值为NaN。
NaN与Infinity和-Infinity不同的是,NaN不会与任何数值变量相等,也就是NaN==NaN也返回false。那如何判断某个变量是否为NaN呢?JavaScript专门提供了isNaN()函数来判断某个变量是否为NaN。
*/
//定义x的值为NaN。
var x = 0/0;
//判断两个NaN是否相等。
if(x!=x){
console.log("NaN不等于NaN。");
}
//调用isNaN判断变量
if(isNaN(x)){
console.log("x是一个NaN。");
}
</script>
</head>
<body>
</body>
</html>
JavaScript提供了一些简单的方法访问这些特殊值,特殊值通过JavaScript的内嵌类Number访问。访问方式如下表:
Number类的变量 | 特殊值 |
---|---|
Number.MAX_VALUE | 数值型变量允许的最大值 |
Number.MIX_VALUE | 数值型变量允许的最小值 |
Number.POSITIVE_INFINITY | Infinity(正无穷大) |
Number.NEGATIVE_INFINITY | -Infinity(负无穷大) |
Number.NaN | NaN(非数) |
自动类型转换
强制类型转换
toString() 将布尔值、数值等转换成字符串。
parseInt() 将字符串、布尔值等转换成整数。
parseFloat() 将字符串、布尔值等转换成浮点数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var a = "3.14";
var b = a + 2;
var c = parseFloat(a) + 2;
console.log(b + "\n" + c);
</script>
<body>
</body>
</html>
当使用parseInt()或parseFloat()将各种类型的变量转换成数值类型时,结果如下:
- 字符串值:如果字符串是一个数值字符串,则可以转换成一个数值,否则将转换成NaN。
- undefined、null、布尔值及其他对象:一律转换成NaN。
当使用toString()函数将各种类型的值向字符串转换时,结果全部是object。