JavaScript的组成

JavaScript从基础到高级

一、JavaScript组成
JavaScript是一种基于对象和事件的驱动编程语言。一个完整的javascript应该由核心（ECMAScript)浏览器对象模型(BOM)文档对象模型(DOM)三个不同的部分组成。

- 1.核心(ECMAScript）
ECMAScript是一种语法的标准，提供核心的语言功能
ECMAScript与Web浏览器没有依赖关系。ECMA定义的只是这门语言的基础，在此基础上可以构建更完善的脚本语言。我们常见的Web浏览器只是ECMAScript实现可能的宿主环境止以。宿主环境不仅提供基本的ECMAScript实现，同时也会提供该语言的扩展，以便语言与环境对接交互。而且这些扩展-如DOM,则利用ECMAScript的核心类型和语法提供更多更具体的功能，以便实现针对环境的操作。其他宿主黄静包括Node(一种服务器端JavaScript平台)
ECMAScript规定了这门语言的下列组成部分：语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象
- 2.浏览器对象模型(BOM）
BOM：Browser Object Model（浏览器对象模型）
提供与浏览器交互的方法和接口
- 3.文档对象模型(DOM)
DOM：Document Object Model（文档对象模型）
提供访问和操作网页内容的方法和接口
二、如何添加JavaScript

- 法一
把js的语句写在
将script写在body里

- 法二
把JavaScript代码保存到单独的文件（后缀是.js），然后利用

注意：外部文件里面不能使用标签，也不能使用任何HTML标签，只能是纯粹的JavaScript代码。
二、词法结构-变量
变量
ECMAScript变量时比较松散的，可保存任何类型，定义一个变量使用var关键字，后面接着变量，如
var age;
var age=18;
var message=‘hi’
如何声明变量
应当先声明变量，再使用变量；变量是使用关键字var或let来声明的，后跟变量名(即一个标识符)
可以一次声明多个变量，用逗号隔开；可以在声明变量的同时给变量赋值
var message = “hi”,
found = false,
age = 29;
但var也有一些糟粕类比如：
1.

`<script>
        console.log(typeof(name));
        var name='张三'
    </script>`

理当报错，但没有报错只是未显示字符，后定义字符型，前面打印也能打印出来
2.

    <script>
        var name='张三'
        var name='王二麻子'
        console.log(typeof(name));
    </script>

这里面已经重复定义，但是没有报错，只是覆盖了前面的字符串
3.

    <script>
        for(var i=0;i<10;i++)
        {
            console.log('helloworld');
        }
        console.log(i+1);
    </script>

这里的var I是局部变量，但外部没有声明还能调用还不报错
后来有了let以及const来取代
var,let和const的区别
var会变量提升；let不会变量提升，
var支持重复声明；let 不支持重复声明（声明变量之后就不能再次声明它。虽然可以给变量重新赋值，但不能重新声明变量，否则将导致编译阶段错误。）
var没有块级作用域；let有块级作用域(if ，for循环，do…while的花括号)
var 兼容IE7，let兼容IE11