JavaScipt笔记

JavaScript显示数据

JavaScript 能够以不同方式“显示”数据：

• 使用 window.alert() 写入警告框
• 使用 document.write() 写入 HTML 输出
• 使用 innerHTML 写入 HTML 元素
• 使用 console.log() 写入浏览器控制台

使用 innerHTML

JS显示一般使用document.getElementById(id)，id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容。

<p id="demo"></p>
document.getElementById("demo").innerHTML = 5 + 6;

这会在段落<p id="demo">处显示“11”。

使用 document.write()

直接使用，不同标记id，测试使用document.write() 更方便。

但在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML，慎用。

使用 window.alert()

直接使用，弹出一个提示框。

使用 console.log()

浏览器F12调试才能看见的信息。

JavaScipt数据类型

字符串值，数值，布尔值，数组，对象。

var length = 7; // 数字
var lastName = "Gates"; // 字符串
var cars = ["Porsche", "Volvo", "BMW"]; // 数组
var x = {firstName:"Bill", lastName:"Gates"}; // 对象

JS支持动态类型，相同变量可以用作多种类型。

写数值时加不加小数点都可以，也可以使用科学计数法书写。

数字型常量与字符串常量相加，数字会转换为字符串。

字符串被引号包围。可使用单引号或双引号。

引号内可以使用不同类型的引号，但是相同类型的引号需要使用转义字符（\）。

JS数组
cars = ["Porsche", "Volvo", "BMW"];

声明使用方括号，项目间逗号相隔。和C语言一样，索引开始于0（car[0]）。

JS对象

var person = {
firstName: "Bill",
lastName : "Gates",
id : 12345,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};

声明用花括号来书写。对象属性是 name:value 对，由逗号分隔。相当于结构体。

对象除了有值（属性），还有可以包含函数（方法）。

方法是在对象上执行的动作。方法以函数定义被存储在属性中。方法是作为属性来存储的函数。

访问对象属性：person.lastName

访问对象方法：person.fullName()，注意如果不加括号，则访问方法的定义。

typeof 运算符

typeof 运算符返回变量或表达式的类型：字符串返回“string”,数值返回“number”,数组和对象返回“object”。

typeof 运算符可返回以下两种类型之一：

• function
• object

typeof 运算符把对象、数组或 null 返回 object。

typeof 运算符不会把函数返回 object。

undefined

在 JavaScript 中，没有值的变量，其值是 undefined。typeof 也返回 undefined。

任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined。

空值与 undefined 不是一回事，空的字符串变量既有值也有类型。

Null

null 是 "nothing"。它被看做不存在的事物，null 的数据类型是对象。

您可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null。

可以通过设置值为 null 清空对象，但类型仍是对象。

提醒

var定义常量为全局，let定义局部常量。