JavaScript基础#

内部 JavaScript#

直接写在html文件里，用script标签包住

规范：script标签写在\</body>上面

拓展：alert(‘你好，js’) 页面弹出警告对话框

注意事项：我们将\<script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。如果先加载的 JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。因此，将 JavaScript 代码放在 HTML 页面的底部附近通常是最好的策略。

外部 JavaScript#

代码写在以.js结尾的文件里

语法：通过script标签，引入到html页面中。

注意事项：

1. script 标签中间无需写代码，否则会被忽略!
2. 外部 JavaScript 会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更加易读，因此这是个好的习惯。

内联 JavaScript#

代码写在标签内部

语法：先不做了解

注意：此处作为了解即可，但是后面vue框架会用这种模式

输出语法#

• 语法1

1
document.write('输出的内容')

作用：向 body 内输出内容

注意：如果输出的内容写的是标签，也会被解析成网页元素

• 语法2

1
alert('输出的内容')

作用：页面弹出警告框

• 语法3

1
console.log('控制台打印')

输入语法#

语法：

1
prompt('请输入您的姓名：')

作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

代码执行顺序#

• 按 HTML 文档流顺序执行 JavaScript 代码
• alert() 和 prompt() 它们会跳过页面渲染先被执行（目前作为了解，后期讲解详细执行过程）

声明#

1
let 变量名

赋值#

1
变量名 = 值

更新#

1
变量名 = 值

注意：let 不允许多次声明一个变量

声明多个变量（不推荐）#

1
let age = 18, uname = 'pink'

let 和 var 的区别#

在较旧的JavaScript，使用关键字var来声明变量，而不是let。

var现在开发中一般不再使用它，只是我们可能再老版程序中看到它。

let为了解决var 的一些问题。

var声明：

• 可以先使用在声明(不合理)
• var声明过的变量可以重复声明(不合理)
• 比如变量提升、全局变量、没有块级作用域等等

声明语法#

1
let 数组名 = [数据1, 数据2, ..., 数据n]

取值语法#

1
数组名[索引号]

• 和其他语言一样从零开始
• 数组里面可以存储任意类型的数据
• 数组的长度可以使用其属性获得，和 java 一样，数组名.length

基本数据类型#

• number 数字型
• string 字符串型
• boolean 布尔型
• undefined 未定义型
• null 空类型

1
let name = wang
2
let age = 21
3
document.write('大家好，我叫’+ name + '，今年' +age +'岁')

1
let name = wang
2
let age = 21
3
document.write(`大家好，我叫${name}，今年${age}岁`)

引用数据类型#

• object 对象