JS学习（2）----变量

来源：互联网发布：类似于dropbox的软件编辑：程序博客网时间：2024/06/05 10:23

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

阅读全文

0 0