一、JavaScript定义和起源

1、JavaScript定义

①、定义：JavaScript决定了网页的交互

HTML        网页的结构 超文本标记语言

CSS          网页的样式 层叠样式表  

JavaScript           网页的交互（互动行为）  

 

②、JavaScript和Java之间的关系？

起初命名时候，JavaScript就是一个蹭Java热度的语言，随着时间往前推进，渐渐发展出自己的风格。它和Java就像是雷锋和雷峰塔之间的关系，也就是没有任何的联系。

 

③、JavaScript起源发展

JavaScript产生的原因：

早起表单提交格式不正确，导致服务器资源浪费，发明JavaScript进行前端的一些表单验证，减去没必要的错误请求。

JavaScript之父：布兰登·艾奇

他只用10天时间就把Javascript设计出来了，因此JavaScript早期会有很多的缺陷。

1995年     将JavaScript  1.1 嵌入Netscape Navigaor 3.0 ，到目前为止，也不过24岁，是一门很年轻的语言。

 

④、JavaScript组成部分：

ECMAScript（核心语法）、DOM（文档对象模型）、BOM（浏览器对象模型）

 

⑤、ECMAScript 是什么？

它是JavaScript的核心语法，由变量、数据类型、语句、类、函数等部分组成。

语言是相通的，任何编程语言都有核心语法，学好JavaScript之后，学习其他编程语言也会轻松。

 

⑥、DOM（文档对象模型）和BOM（浏览器对象模型）

这块的内容，会放到后面详细去讲，敬请期待。

 

二、JavaScript基础语法

1、JavaScript三种写法

①、写在script标签之间

<script type="text/javascript"> JavaScript代码 </script>

 

②、写在外部的JS文件里，然后使用script标签引入，将地址指定给src属性

<script type="text/javascript" src="外部JavaScript文件路径" ></script> 外部JavaScript文件里写JavaScript代码

 

③、写在标签上

<a href="javascript:alert('a标签')" >点我</a> <div onclick="alert('div标签')">点我</div>

注意：具体写法不固定，该方式较之前两种不算常用。

 

④、前端开发注意点

HTML文件，CSS文件、JS文件，即结构、表现、行为三者要分离。

 

2、JavaScript注释写法

单行注释           // 注释内容

多行注释           /* 注释内容 */

文档注释           /**

                           *注释内容1

                           *注释内容2

                            */   

 

3、标识符和关键字、保留字

①、标识符

定义：名称，用来定义JavaScript变量名，函数名等等。

合法的标识符命名规则：

第一个字符必须是字母或下划线或$符号

Teacher，_boss，$student

除了第一个字符后面的部分可以是字母、数字、下划线、美元符号

 a_bcd、 x2、 $$bb

注意：不能以数字开头

 

②、关键字

JavaScript已经定义好的一些名称，有特定的含义。所以定义名字的时候不要用这些。

 

③、保留字

预留的关键字，将来会转正成为真正的关键字。

 

4、变量

①、定义

 即变化的量，本质是程序在内存中的一个存储单元，作用用于为数据提供存放的容器。

 

②、命名规则

开头字符可以是下划线、美元符号、字母、不可以是数字； 

除了开头，其他部分可以是下划线、美元符号、字母、数字；

不能是保留字、关键字；

区分大小写；

尽量语义化；

长变量名尽量驼峰命名法

 

③、声明赋值变量

(1)、声明变量：即定义变量；

格式：var 变量名；

var a;

 

(2)、声明多个变量；

var x,y,z;

 

(3)、赋值

格式：变量名=变量值

a = 20;

 

(4)、多个变量赋值

x=10， y=20， z=30；

 

(5)、声明并赋值​​​​​​​

var aa = 100;

注意：这是两件事， 声明变量，赋值了变量。

 

(7)、声明并赋值多个变量

var bb=19,cc=20,dd=21;

 

(8)、变量可以被反复声明

var a = 100； var a = 200；

注意：这里a的值是200，前面的值100会被后面的值200覆盖；

 

④、常量

一直不变化的量， ES5中没有常量的概念，ES6里面才有常量。因此在使用常量时，可假设常量。

假设常量：并不是真的常量；

var PASSOWRD = 123456; 将变量名全部大写，假设为常量。

 

⑤、作用域

指的是变量产生作用的有效范围。

作用域分为全局作用域和局部作用域；

 

⑥、生存期

变量在计算机中存在的有效时间，即变量的生命周期。

 

to be continued...