JavaScript-1.数据类型

JavaScript引入

内嵌方式引入

<script type="text/javascript"></script>

外部文件方式引入

<script src="outer.js" defer="defer"></script>

事件方式引入

<button onclick="document.write('111')">按钮</button>

数据类型

• 定义变量的关键字：var
• 查看数据类型：typeof

数字型

在JavaScript中不区分整数或者小数，都是数字型。

<script>
	// 数字型
	var age;
	// typeof查看变量类型
	alert(typeof(age))
	age = 30;
	alert(typeof(age))
	var pi;
	pi = 3.14;
	alert(typeof(pi))
</script>

字符型

var name = 'join';
alert(typeof(name));

未赋值的变量类型是undefined类型，未赋值的变量的值为undefined

var myname;
alert(typeof(myname));
alert(myname);

boolean类型

// boolean有两个值，true和false
var bool;
bool = true;
alert(bool);
alert(typeof(bool));

null类型

// Null只有一个值null，使用typeof测试时，类型是object
var a = null;
alert(a)
alert(typeof(a))

undefined与null的区别

• null代表暂时没有赋值，undefined值未定义
• null分配内存空间，undefined不分配内存空间
• null可以参与运算，undefined无法参与运算

注意：undefined和null的值相同

// undefined 和null值相同
alert(c == d);  // true

number类型转换

类型转换

parseInt('字符')；	// 将目标字符转换为数字，小数部分舍掉
parseFloat('字符')；	// 将目标字符转换为浮点

number类型其他取值

• NaN：非数字。当执行parseInt无有效数字时返回
• Infinity：无穷。当超过浮点类型最大范围时取值

<!-- 2.number类型转换 -->
<script type="text/javascript">
    var a = '123';
    var b = '456';
    alert(a+b); // 123456
    alert(parseInt(a)+parseInt(b)); // 579
    var c = 'abc';
    alert(parseInt(c)); // NaN
</script>

比较运算符

用于对操作数进行比较，比较结果为一个逻辑值

==和===的区别

• ==只比较值
• ===既比较值又比较类型

<!-- 3.比较运算符 -->
<script type="text/javascript">
    var a = 10;
    var b = '10';
    alert(a==b);    // true
    alert(a===b);   // false
</script>