《javascript语法、javascript用法》

在开发中遇到一些简单的交互逻辑或者前端页面动态效果需求时，JavaScript 是一个非常好的解决方案。它可以直接嵌入HTML页面，为网页添加各种功能，从简单的表单验证到复杂的动画效果和异步数据交互。

一、变量声明与基础语句

我们了解下JavaScript的基本语法。以变量声明为例，有多种方式。
- 使用var关键字：这种方式声明的变量存在函数级作用域和全局作用域，但在使用上容易出现一些意想不到的问题（如变量提升等）。例如：
javascript
var num = 10;

- let关键字：这是ES6引入的新特性，它具有块级作用域，更符合现代编程逻辑中的变量管理需求。
javascript
let age = 20;

- const：用于声明常量，一旦赋值就不能再更改其指向的地址（对于基本类型来说就是值不能改变）。
javascript
const PI = 3.1415926;


二、函数定义与调用

函数是JavaScript的重要组成部分。
- 函数声明式：
javascript
function add(a, b) {
return a + b;
}
console.log(add(3, 5)); // 输出8

- 函数表达式：
javascript
const multiply = function(x, y) {
return x * y;
};
console.log(multiply(4, 6)); // 输出24


三、DOM操作

当需要对网页元素进行操作时，就离不开DOM操作了。
- 获取元素：
javascript
// 根据id获取元素
let elementById = document.getElementById("myId");
// 根据类名获取元素，返回的是一个类数组对象
let elementsByClassName = document.getElementsByClassName("myClass");
// 根据标签名获取元素
let elementsByTagName = document.getElementsByTagName("div");

- 修改元素内容：
javascript
elementById.innerHTML = "新的内容";


如果想要实现一个简单的点击按钮后改变文本颜色的功能，可以这样写代码：
```html

这是一段文本

点击改变颜色

let btn = document.getElementById("btn");
let text = document.getElementById("text");
btn.onclick = function() {
text.style.color = "red";
}

```

以上只是JavaScript语法和用法的一小部分，它还有许多强大的特性和库框架等待我们去深入探索。