打印方式

1、弹窗打印

alert(arr)

2、控制台打印

console.log()

以 html 的形式打印

console.dir()

将 document 当成 对象 打印

效果：

3、询问弹窗打印

confirm(“确定删除吗？”)

关联方式

1、内嵌

2、外引

注意：当内嵌和外引同时出现在一个 script 标签里时，内嵌会被覆盖掉，只执行外引的内容

注意：多个 script 标签，执行顺序取决于在 html 中的先后顺序

延迟加载

html 代码从上往下执行，当运行到 script src=“javascript.js” 时就跳转到 JavaScript 文件，而 div 元素还在下面，这样的话 JavaScript 就获取不到 html 元素，后续会有报错

defer 延迟加载，只能用在外引上

另一种方式 window.onload = function(){}，内嵌外引都能用

变量声明

变量的声明：

数字可加法，但字符串的加法是字符串拼接
声明变量不需要数据类型，但变量在使用的时候需要有类型

基本类型：数字（整数 小数）、字符串、布尔类型、undefined类型、null涉及到一个量但这个量本身不存在
复合类型：数组 [ ] 、对象 {}、函数函数本身也是一个值 可以把它赋值给某个变量或者作为参数传递

数组

数组通过下标访问

对象

对象的基本形式： 属性:值
对象的访问方式： 对象.属性

补充：json格式

JSON: JavaScript Object Notation(JavaScript 对象表示法)
JSON是存储和交换文本信息的语法，类似XML。
JSON比XML更小、更快，更易解析。
JSON易于人阅读和编写。
C、Python、C++、Java、PHP、Go等编程语言都支持JSON。

json的两个角色：json数组、json对象
1、json数组
json数组内部可以是任何数值

JSON 数组在中括号中书写，中括号 [] 保存的数组是值（value）的有序集合，一个数组以左中括号 [ 开始， 右中括号 ] 结束，值之间使用逗号 , 分隔。

2、json对象

JSON 对象使用在大括号 {…} 中，形式是 {属性:值} ，书写对象可以包含多个 key/value（键/值）对。
key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
key 和 value 中使用冒号 : 分割，每个 key/value 对使用逗号 , 分割。

函数

函数的分类

1、命名函数


2、匿名函数


函数名失效情况：

由打印结果中我们可以看出：change不再有效，而是eat有效

命名函数与匿名函数的打印区别：

函数在对象和数组中的使用

1、函数在对象里的使用

2、函数在组里的使用

函数的交互调用

对象里面的某些原生属性可以产生交互

• onclick 点击
• ondblclick 双击
• onmouseenter 鼠标放上去
• onmouseleave 鼠标离开

函数的交互调用实践
点击使得背景颜色随机变化效果代码：

其中

Math.random()

Math类中random方法指的是 随机生成 0-1 之间的数据

Math.ceil()

指的是 向上取整