在JavaScript中有三种声明变量的方式：const var let
- const：用于声明常量。注意：定义的变量的时候，必须同时初始化，且其值之后不可以修改。
var：最常用的声明变量关键字。 定义的变量的时候，若没有初始化，不报错，会输出undefined。其值之后可以修改。
var可以用来声明全局变量，也可以声明局部变量，依据它们声明的位置：
- 全局变量：在函数外定义的变量；（注意：若没有使用关键字声明的变量，默认为全局变量。）作用域是整个代码文件。
- 局部变量：在函数内定义的变量。作用域是当前的函数内部。
let：块级作用域 。在块级{}里面用let定义的变量，离开当前的块{}之后，就不能使用（有点像局部变量，但作用域不一样）。
注意：{...}一对花括弧就就是一个特定的代码块，包括直接的{}，流程语句的{}，函数的{},....。函数声明时本身就带有{}，也是属于一个代码块。
立即执行函数，直接在声明之后执行，浏览器刷新报错～～～
function(){
<!--声明var parent = document.getElementById('parent')的时候，实际上是把全局变量
window.parent覆盖了。-->
var parent = document.getElementById('parent')
console.log(parent)
}.call()通过父元素为子元素绑定click事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="buttons" id="buttons">
<span>按钮0</span>
<span>按钮1</span>
<span>按钮2</span>
<span>按钮3</span>
</div>
<script>
// 用js通过父元素为子元素绑定click事件
var children = buttons.children ; //用var声明了一个全局变量children，储存buttons的所有子元素
for(let i=0; i<children.length; i++){
children[i].onclick = function(){ //执行点击事件的时候输出对应的第几个按钮
console.log(i)
}
}
</script>
</body>
</html>