JavaScript基础语法之初识Javascript

这里写图片描述

一、什么是Javascript

JavaScript 是一门跨平台、面向对象的轻量级脚本语言。一般会运行在一个宿主环境中（例如浏览器环境）。本质上，它是一种基于对象和事件驱动的客户端脚本语言，最初的设计是为了检查HTML表单输入的正确性。起源于Netscape公司的LiveScript语言。

JavaScript 内置了一些对象的标准库，比如数组（Array），日期（Date），数学（Math）和一套核心语句，包括运算符，流程控制符等。

客户端(浏览器端)的 JavaScript 通过提供控制浏览器窗口（BOM）及其文档对象模型（DOM）的对象来进行扩展
服务端的 JavaScript 则通过提供有关在服务器上运行 JavaScript 的对象来进行扩展

二、Javascript的组成

JavaScript 的标准化组织是 ECMA(欧洲计算机制造者协会)所以JavaScript基础概念和核心语法我们一般称为ECMAscript。

JavaScript 在浏览器端扩展的标准,绝大部分是遵循于W3C（万维网联盟）的这个扩展便是DOM（Document Object Model——文档对象模型）.它是用来进行与任意 HTML 或 XML 交互的API文档。DOM 是载入到浏览器中的文档模型，它用节点树的形式来表现文档，每个节点代表文档的构成部分。

JavaScript 在浏览器端扩展的标准，有一部分没有遵循于任何规范。完全靠浏览器厂商的自由发挥。这个扩展便是BOM(通俗一点BOM其实就是浏览器端实现的Window对象)

三、javascript引入方式

1、内部脚本

<script type="text/javascript">
    console.log("我是内部的JS代码");
</script>

2、外部脚本(推荐使用的方式)

<script type="text/javascript" src="js/script.js"></script>

可以将js代码编写到外部js文件中，然后通过script标签引入写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制

注意事项：
script标签一旦用于引入外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略。如果需要则可以在创建一个新的script标签用于编写内部代码

<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
            console.log("我是内部的JS代码");
</script>

四、注释

1、JavaScript注释分两种：

单行注释：//
多行注释：/* */（多行注释不可以嵌套）

2、与HTML、CSS和Less的区别

HTML注释：

<!--注释的内容在网页中是不会显示的-->

CSS注释:
CSS中的注释以 /* 开始并以 */ 结束

Less注释
以//开头的注释，不会被编译到css文件中
以/**/包裹的注释会被编译到css文件中

五、基本语法

1、JavaScript中的语句使用分号(;)分隔。

2、空格、制表符和换行符被称为空白字符。

3、JavaScript 脚本的源文本是从左到右从上往下扫描的。

4、JavaScript是区分大小写的
HTML语言大小写不敏感
CSS 不区分大小写（但在某些选择器上会区分大小写）
LESS是区分大小写

6、总结

ECMAScript是一门弱类型语言(动态语言)。

变量的类型是可以变化的。

执行脚本顺序从上往下。

JS组成：ECMAScript(5.1) + 浏览器端扩展（DOM BOM）

客户端（浏览器端）的Javascript由 ECMAScript + DOM + BOM组成
服务端的Javascript便是Node