1.表达式和变量
(1)变量
如果一个变量只是声明但是没有赋值,则它的值为undefined。
注:好的编程习惯是在js的开始部分声明所有的变量。
var x=2+3+’5’;最终的输出是x=55.
注:js中变量名称是大小写敏感的。
(2)数据类型
常见的数据类型如Number、String、Object、Boolean、Array等。
但是不管是什么类型的变量,声明的时候都直接使用var即可。
var result1 = 10 + 5 + "weather";
var result2 = "weather" + 10 + 5;
// 上面两个表达式的结果分别为:15weather
// 和weather105
// 因为表达式是按照顺序执行的。
// 由此可见变量的顺序影响表达式的运算结果。
var z = 3e5;
// 表达式还可以这样写,显示的结果是300000;
var z = 3e-5;
// 显示的结果是0.00003;
(a)Array
var courses = ["Math", "English", "Chinese"];
document.getElementById("test").innerHTML = courses[0];
(b)Object:类似于C++中的结构体
例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<p>The result is </p>
<p id="test">The result will be shown here.</p>
<script src="script.js"></script>
</body>
</html>
/*
* @Author: Lin
* @Date: 2017-07-17 09:46:46
* @Last Modified by: Lin
* @Last Modified time: 2017-07-17 09:51:36
*/
var person = {
firstName:"John",
lastName:"Smith",
age:45,
eyeColor:"blue",
};
document.getElementById("test").innerHTML = person.firstName + " " + person.lastName + " is " + person.age + " years old.";
注:要特别注意,这里与C++不同的一点是,在person中的age等不能够直接赋值,即不能将”age:45”写成“age = 45”;否则在运行的时候会出现语法错误提醒。
最后的显示结果是:
The result is
John Smith is 45 years old.
(c)typeof
typeof + 变量或者是常量,可以直接在console中得到某一个变量的类型
如:
注:在这里[1,2,3,4]的类型是object,那是因为在javascript中array也是object。
(d)null
在js中null的数据类型为object
如:
var person = null;
typeof person;
显示的是:
object