js教程（1）

一、js介绍

    js全称Javascript，是一种运行在客户端（浏览器）的编程语言，用于实现人机交互。

js的作用

• 网页特效
• 表单验证
• 数据交互
• 服务器编程

js的组成

    ECMAScript（js基础语法规定）、DOM和BOM。

js书写位置

1. 直接写在html文件中，用script包住；
2. 写在js文件中，通过script标签引入html中；
3. 写在代码内部，在后面vue中我们经常使用这种写法；

js的一些特性

1. js的注释有“//”和“”/* */“两种，分别是单行注释和多行注释；
2. js的结束符是”;“，可以省略；

js的基本输出语法

1.向body输出内容

document.write('要输入的内容');

2.页面弹出警告对话框

alert('要输出的内容);

3.控制台输出

console.log('控制台打印');

js的基本输入语法

1.显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

prompt('输入框提示信息');

二、变量

       js中的变量用let来声明，通过”=“来赋值，例如：

let name = "Qgy";

变量赋值后，还可以继续通过”=“去改变它的值，但一个变量名不能被多次声明。

       变量的本质是程序在内存中申请的一块用于存放数据的小空间。

变量的命名规则

1. 不能用关键字；
2. 严格区分大小写；
3. 只能用下划线、字母、数字、$组成，数组不能作为开头；

变量拓展——let和var之间的区别

      var在之前的版本中，也是声明变量的关键字，let是在var的基础上，为了解决var的一些问题而出现的关键字，var的使用会出现这样一些问题：

1. 可以先使用之后再声明；
2. var声明过的变量可以重复声明；
3. 会出现变量提升、全局污染、没有块级作用域等情况；

      总而言之，现在用let就行了。

三、常量

1.概念：用const声明的变量称为”常量“；

2.使用场景：当每个变量永远不会改变时，用常量声明；

3.特点：常量必须进行初始化；

四、数据类型

      js数据类型有六种：number、string、boolean、underfined、null、object，前五个是基本数据类型，最后一个是引用数据类型。

1.number——数字类型

      用法与c语言和Java基本相同，这里我们主要讲解一下NaN这个值，NaN代表一个计算错误，它是一个不正确的或者是为定义的数学操作所得到的值，NaN是粘性的，即任何与NaN有关的操作都会返回NaN，且NaN是唯一一个自身不等于自身的值，如果我们要判断一个值是否为NaN，要用Object.is()方法来判断，例如：

let a = '我是字符串' - 1;    //NaN
Object.is(a,NaN);    //true
let bool = a === NaN;    //false

2.String——字符串类型

    通过单引号（‘’）、双引号（“”）或者（`）包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

注意事项：

• 无论单引号或是双引号必须成对使用；
• 单引号/双引号可以互相嵌套，但是不可以自己嵌套自己；
• 必要嵌套时可以使用转义符；

字符串拼接：

（1）双引号和单引号：

let name = 'Qgy';
document.write('我的名字是' + name);

（2）反引号：

let name = 'Qgy';
document.write(`我的名字是${name}`);

3.boolean——布尔类型

    表示肯定或否定时在计算机中对应的是布尔类型数据，它有两个固定的值true和false，表示肯定的数据用true（真），表示否定的数据用false（假）；

4.underfined——未定义类型

    未定义是比较特殊的类型，只有一个值underfined。只声明变量，不赋值的情况下，变量的默认值为underfined。

应用场景：

    我们在开发过程中，我们声明一个变量，等待后端数据的传输，这时候我们就可以通过判断underfined来确认后端数据是否已经传输过来。

5.null——空类型

null和underfined区别：

• underfined：表示没有赋值；
• null：表示赋值了，但是内容为空；

6.检查数据类型

    通过typeof关键字检查数据类型：

• 作为运算符：

  let num = 114514;
  console.log(typeof num);

• 函数形式：

  let name = 'Qgy';
  console.log(typeof(name));

五、类型转换

    JavaScript是弱数据类型，在开发中js也不知道变量到底属于哪种数据类型，只有赋值了才清除，而使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，此时需要转换变量的数据类型。

隐式转换

    某些运算符被执行时，系统内部自动将数据类型进行转换，隐式转换的规律是由编程时的经验总结出来的，这里大家可以在使用时自行尝试总结，这种方法的缺点是转换类型不明确，不推荐经常使用。

显示转换

转换为数字型：

• Number（数据）；
• parseInt（数据）：只保留整数；
• parseFloat（数据）：可以保留小数；

转换为字符串：

• String（数据）
• toString()方法