JS变量声明方式

在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>

猜你喜欢