Javascript学习记录

一.测试代码常见方式：

alert():控制浏览器弹出一个警告框。

document.write():可以向body中输出一个内容。

console.log():向控制台输出内容。

二.js代码编写位置

1.可以将js代码写在script标签里

(1)若js代码在body最上面或者head标签中，需要将js代码放入

window.onload = function(){

//js代码

}

(2)若js代码在body的最下面则直接写就可以

2.可以将js代码编写到外部js文件中，然后通过script标签引入

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

3.也可以将js代码写在标签的属性中，

例：<button οnclick="alert('讨厌，你点我干嘛！');">点我一下</button>

但是他们属于结构与行为耦合，不方便维护，不推荐使用。

三.js基本语法

1.js注释
/**/ 多行注释，注释中的内容不会被执行，但是可以在源代码中查看,要养成良好的编写注释的

习惯，也可以通过注释对代码进行一些简单的调试.

//单行注释

2.js严格区分大小写。

3.js每一条语句以分号(;)结尾-可以不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有些时候，浏览器会加错分号，所以在开发中分号必须写。

4.js中会忽略多个空格和换行，所以我们可以利用空格和换行进行格式化（主要为美观）。

四.字面量

1.字面量都是一些不可改变的值，比如：1 2 3 4 5。字面量都是可以直接使用，但是我们一般都不会直接使用字面量。变量可以用来保存字面量，而且变量的值可以任意改变的，而且变量更加方便我们使用，所以开发中都是通过变量取保存一个字面量，而很少直接使用字面量。例：x = 1；可以通过变量使用字面量。

2.在js中声明变量有六种方式：

(1)var

在ES5阶段，用var定义变量，此阶段具有以下特点 : 

 1. 没有块的概念，可以跨块访问，不能跨函数访问；

 2. 存在变量提升。

(2)let

在ES6阶段，出现了块大概念，新增了块级作用域，同时新增了let命令，let声明大变量具有以下特点：

 1. let声明的变量只在它所在的代码块有效；

 2. 不存在变量提升。let不会像var那样会发生 变量提升 现象，因此，变量需要先声明后再使用，否则会报错；

3. 暂时性死区。在代码块内，使用let命令声明变量之前，该变量都是不可用的；

4. 不允许重复声明。

(3)const

在let命令出现的同时，出现了const命令，其用于声明一个只读的常量，具有以下的特点：

 1. 一旦声明就必须立即初始化；

 2. 一旦声明，常量值就不能改变了（指的是内存地址不能改变）；

 3. 块作用域内有效；

 4. 不存在变量提升；

 5. 存在暂时性死去。

(4)function

function命令用于定义一个函数，具有以下特点：

 1. 函数声明后不会立即执行，需要调用的时候才知晓；

 2. 对支持ES5和ES6浏览器环境在作用域内有一定区别，所以应避免在块作用域内声明函数。

(5)class

ES6语法引入了class关键字，用来定义类，该写法相比于对象原型的方式具有以下特点：

 1. 相比于对象原型的方式写法更清晰；

 2. 更像面向对象编程的语法；

(6)import

ES6在语言标准的层面上实现了模块功能，其中import命令就是用于加载模块，然后输出变量，其具有以下特点：

 1. import命令接受一对大括号，其里面的变量名必须与被导入的模块对外的名称相同；

 2. 用as关键字可将输入的变量名重名；

 3. import命令输入的变量都是只读的；

 4. import命令具有提升效果，会提升到整个模块的头部，首先执行（因为import命令是在编辑阶段执行的，在代码运行之前）；

 5. import是静态执行，不能使用表达式和变量；

 6. import会执行所加载的模块