javascript源码调试 javascript源码讲解

一、认识JavaScript

1.JavaScript组成结构

ECMAScript是标准，JS是实现，DOM文档对象

模型，给我们提供了一组对象，让我们可以去操作网页，BOM是浏览器对象模型，操作浏览器。

2.JS特点

特点：解释型语言，类似于c和java的语法结构，动态语言，基于原型的面向对象。

3.JS代码编写位置

1. JS代码需要编写到head的script标签中**
2. document.write（）让计算机在页面中向body中输出一个内容。document：文档
3. console.log()作用是像控制台输出一个内容!
4. alert()弹出警告框

<script type="text/javascript">
		
			alert("警告!!!!!");
			
			document.write("在这个文档里面写个东西！！！");
			
			console.log("控制台！！！！");
		</script>

4. 可以将js代码编写到标签的onclick属性中，只有当我们点击按钮时，js代码才会执行吗，虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用。

<button onclick="alert('你点我干嘛!!!');">点我一下</button>

5. 也可以将js代码写在超链接的href属性中，这样点击的时候也会执行js代码。

<a href="javascript:alert('点我点我点我');">也把我点一下</a>

<a href="javascript:;">也把我点一下</a>
该超链接无js代码，点击无反应。

6. 可以将js代码写在外部进行引用，src引用外部链接，可以在不同的页面同时使用，也可以利用到浏览器的缓存机制。

• script标签一旦用于引用外部文件来加载js代码了，那么如果再在script标签中编写js代码不会运行，浏览器会忽略掉。
• 如果非要在当前页面编写js代码，那么可以创建一个新的script标签来编写内部代码。
• 执行顺序是从上到下，一行一行执行的

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

4.JS的基本语法

1.JS的注释：注释的内容不会被运行，但是可以在源代码中进行查看，也可以运用注释进行代码的测试。

• 多行注释/* ----------代码描述--------------*/
• 单行注释//代码的描述

2.JS中严格区分大小写

3.JS中每一条语句以分号（;）结尾

如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有些时候，浏览器会加错分号，所以在开发中必须写分号。

4.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

5.字面量和变量

1.字面量：都是不可改变的值，比如：1 2 3 4 5 6 7，字面量可以直接使用，但是一般不直接使用字面量
2.变量：变量可以用来保存字面量，而变量的值是可以随意改变的，变量更加方便我们使用，所以在开发中是通过变量去保存一个字面量，而很少直接使用字面量
3.声明变量：在JS中，用var关键字去声明一个变量,声明变量后需要对该变量进行赋值。

var a=10;
document.write(a);