"尚硅谷提供的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保留字作为标识符,以免引起混淆和错误。"