变量的概述和知识点补充

变量的概述:

变量；就是在特定的时间用于保存特定值的名称，并且初始化以后依旧可以进行修改值的大小，ecmascript的变量是松散类型的，就是可以保存任何类型的数据。

变量的特点:

        值可以改变 - 变量

        同时定义多个 - 逗号分隔

        可以前置访问 - undefined，但是如果在后面的代码内并没有这个变量或者在其他script标签内进行声明的话，则会报错并且显示未定义

        写入内存 - 整个文档可以顺序调用。

        松散类型 - 声明变量的时候，无需告之变量的数据类型，自动识别。

变量的作用:

        一个自定义的名称，保存一些值，让程序反复是用。

变量的命名：数字，字母，下划线，$符号组成，数字不能开头。

  驼峰命名：

            大驼峰：每一个单词首字母大写。 ClassName

            小驼峰：从第二个单词开始，首字母大写.  className  js采用小驼峰命名。

            匈牙利命名法：第一个字母代表当前数据的类型.  oBox = object box    nCount = number count

知识点补充；

1.关于javascript代码的位置问题

js的代码可以有3种引用方式

 1.1.外部链接式：js是一个独立的外部文件（以.js为扩展名 ） 

    <script src="文件的路径"></script>

    1.2.内部js代码：将js代码通过script的标签写到文档结构中

    1.3.行内js代码：将js代码写入标签的内部，不推荐使用。

<button onclick="window.alert('点击触发')">点击我</button> 

其中内部js代码的使用的时候，需要注意script标签的位置，如果放在head标签内，添加

<!-- async="true" defer   异步的意思：非阻塞(了解) -->

最好放在body标签的底部或者body标签的外边。

为什么需要对js代码的位置进行处理？

之所以js要在代码运行后再进行运行是因为js的代码使我们自己控制的，如果提前加载，但是代码却还没有运行出来的话，js代码是无效的，因为找不到对应的标签；而css样式不需要前后是因为css和html融合在一起的，只要写了css就一定会运行

2.一个html文件里面可以插入多个script标签，但是每个标签内的变量都只能在自己标签内使用，如果其他标签内调用另一个标签内的变量会报错。

3.prompt输出的值一定是字符串类型，window.prompt(‘提示文字(可选的)’,‘默认值(可选的)’) ，也就是说在prompt内可以输入一个默认值，弹窗跳出时会有一个默认值在那，但是也可以进行修改

4.getElementById(‘id选择器’):通过id选择器获取元素(标签)

alert(document.getElementById(‘box’)); //[object HTMLDivElement]:对象，html下面的div元素

alert(box);id选择器具有唯一性，所以可以直接通过id名去取元素 //[object HTMLDivElement]

5.计算代码执行时间

time -> timeEnd

注意方法里面的参数自定义，必须是一样的。

console.time('aaa');

    document.write('<ul>');

    document.write('<li>11111111</li>');

    document.write('<li>11111111</li>');

    document.write('<li>11111111</li>');

    document.write('<li>11111111</li>');

    document.write('<li>11111111</li>');

    document.write('</ul>');

 console.timeEnd('aaa');