尚硅谷JavaScript基础教程:ES标准与实战解析

需积分: 5 3 下载量 26 浏览量 更新于2024-06-17 1 收藏 466KB DOCX 举报
"尚硅谷提供的Web前端学习笔记,专注于JavaScript基础知识,总计143页,40207字,涵盖了ECMAScript、DOM、BOM等核心概念,适合前端初学者深入理解JavaScript语言。 JavaScript作为一门广泛应用于Web开发的脚本语言,遵循的是ECMAScript标准,该标准定义了语言的语法和基本对象。JavaScript实现包括三个主要部分:ECMAScript(负责语法和数据类型)、DOM(Document Object Model,文档对象模型)以及BOM(Browser Object Model,浏览器对象模型)。DOM允许JavaScript操作HTML和XML文档,而BOM则提供了与浏览器交互的能力。 在HTML文件中,JavaScript代码通常可以放在`<script>`标签内。例如,以下代码会在浏览器中弹出警告框,并在网页上输出文本,同时在控制台打印信息: ```html <head> <script type="text/javascript"> alert("弹出窗口"); document.write("在浏览器中的网页上显示出来,可以向body中输出一个内容"); console.log("在控制台上显示出来"); </script> </head> ``` 然而,为了提高代码可维护性和分离结构与行为,推荐将JavaScript代码写在外部的`.js`文件中,然后通过`<script src="js/script.js"></script>`引入。此外,也可以将JS代码直接绑定到HTML元素的事件,如`onclick`。 JavaScript代码的书写位置较为灵活,可以放在`<head>`或`<body>`标签内,但最佳实践是将其放在外部文件中。在编写JS代码时,需要注意以下几个语法要点: - JavaScript是区分大小写的,`MyVariable`与`myvariable`被视为不同的变量。 - 单行注释使用`//`,多行注释使用`/* ... */`。 - 每条语句可以以分号`;`结尾,虽然可以省略,但为了避免解析错误和提高代码清晰度,建议始终使用分号。 - 代码中的空格和换行被忽略,可用来美化代码格式。 - 字面量是不可变的值,如数字`12345`。在实际开发中,通常通过变量来保存字面量,以便于操作。 - 变量通过`var`关键字声明,可以多次赋值。例如: ```javascript var a; a = 123; a = 456; var b = 789; // 声明和赋值同时进行 ``` - JavaScript允许先声明变量再赋值,或者声明和赋值一起完成。 在JavaScript中,所有自定义的名称,如变量名、函数名等,被称为标识符,应遵循特定的命名规则。这些标识符必须以字母、下划线`_`或美元符号`$`开头,后续可跟字母、数字、下划线或美元符号。同时,应避免使用JavaScript保留字作为标识符,以免引起混淆和错误。"