JavaScript（1）——简介

目录

1、历史

2、JavaScript

3、作用

4、浏览器执行JavaScript

（1）渲染引擎

（2）JS引擎

5、HTML/CSS/JavaScript

（1）描述类语言：HTML/CSS标记语言

（2）JS脚本语言：编程类语言

6、JavaScript组成

（1）ECMAScript

（2）DOM

（3）BOM

---

1、历史

布兰登·艾奇（Brendan Eich，1961-~），于1995年，十天完成了JavaScript设计。

网景公司最初命名是LiveScript，后来与Sun合作之后将其改名为JavaScript。

2、JavaScript

运行在客户端的脚本语言。

脚本语言：解释型语言，不需要编译。运行过程中由JS引擎逐行来进行解释并执行，现在也可以基于Node.js技术进行服务器端编程。

3、作用

最初目的：表单校验

现在：网页特效、服务端开发（node.js）、桌面程序、app、微信小程序、物联网、游戏开发等等

4、浏览器执行JavaScript

浏览器本身并不会执行JS代码，而是通过内置JS引擎来执行JS代码，JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行。现在也可以基于node.js技术进行服务器编程。

浏览器分为俩部分：渲染引擎和JS引擎

（1）渲染引擎

用来解析HTML与CSS，俗称内核。

（2）JS引擎

用来读取网页中的JavaScript代码，对其处理后运行。

5、HTML/CSS/JavaScript

（1）描述类语言：HTML/CSS标记语言

HTML决定网页结构和内容，CSS决定网页布局和元素样式

（2）JS脚本语言：编程类语言

实现业务逻辑和页面控制

6、JavaScript组成

（1）ECMAScript

JavaScript基础语法，由ECMA国际进行标准化的一门编程语言。

（2）DOM

页面文档对象模型，通过DOM提供的接口对页面元素操作。

是W3C推荐的，处理可扩展标记语言的标准编程接口。

（3）BOM

浏览器对象模型，通过BOM操作浏览器窗口。

提供了独立于内容的，可以与浏览器窗口进行互动的对象结构。

7、JS三种书写位置

（1）行内

HTML标签的事件属性中

（2）内嵌

<script></script>

（3）外部

<script src="xx.js"></script>

8、JS注释

//单行注释

/*多行注释*/

9、变量

（1）变量

变量：用于存放数据的容器，通过变量名获取数据、修改数据。

本质：程序在内存中申请的一块用来存放数据的空间。

组成：变量名，空间（在内存中存储）。通过变量名来访问内存空间

（2）变量的使用

声明

声明变量var age，sex;

//var是一个JS关键字，使用之后，计算机自动为变量名分配空间

//声明一个名称为age的变量，在内存中开一个空的空间，同时声明多个变量用英文逗号隔开

声明变量的特殊情况

只声明，不赋值 var a;      //underfined

不声明，不赋值 直接使用 //报错

不声明，只赋值 a=10;      //全局变量a=10

赋值

age = 10;

//给age赋值为10，将10放到存储空间里

初始化

var myname = ‘pzy’;

//声明一个变量的同时并赋值。

（3）更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

赋值不要var，因为不需要重新开辟空间。

（4）命名规范

由字母（a-z）（A-Z）数字（0-9）下划线（_）美元符号（$）组成。

命名应该有意义且用英文单词，变量一般是名词，函数一般是动词。

命名遵守驼峰命名法，一般是小驼峰，严格区分大小写。

不能以数字开头，不能是关键字或者保留字。

标识符：开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字。

关键字：JS本身已经使用了的字，不能再用他们充当变量名、方法名。

保留字：预留的“关键字”，现在虽然还不是关键字，但未来可能会成为关键字。