JavaScript-基础-学习笔记①

前言：这个学习笔记是跟着“黑马前段教程”学习而记录下来的，基础课程共有5节，故分为①②③④⑤这五个笔记。

---

 笔记目录

   笔记①

   笔记②

   笔记③

   笔记④

   笔记⑤

---

本节学习内容：基础知识、语法（变量、数据类型）

---

目录

一、JS基础知识

二、变量

三、JS数据类型

四、数据类型转换

1.隐式转换

2.显式转换

五、常见基础错误分析

---

一、JS基础知识

1.JS介绍：JS是一种运行在客户端（浏览器）的编程语言，实现人机交互效果，JavaScript代码应该写在他可以用来 1.做网页特效 2.做表单验证 3.做数据交互 4.服务端编程（node.js）

2.JavaScript添加到网页中有三种方式： 内联、内部、外部

①内部Js：写在html文件中，用script标签包住。（注意要尽量将script标签写在body尾部）

②外部Js：在html中用<script src="./my.js">将外部js文件引入到页面中，同时需要注意script标签中间无需写代码，否则会被忽略。

③内联Js：直接将代码写在html标签内部

3.js结束符为：“;”（可加可不加，部分情况下分割要加，同时整体情况要统一）

4.输出语法：document.write('要输出的内容');

注意：可以在单引号中使用html标签

5.页面对话框弹出语法：alert('内容');

6.控制台输出语法：console.log('test');

7.输入语法：prompt('内容');

二、变量

1.声明变量的方法：let 变量名（标志符）  eg：let arr = [1,2,3]

（[]为数组字面量、{}为对象字面量）

2.数组中的元素有序，对象无需，同时注意数组的索引号（下标）从0开始。

3.数组中元素的个数可以通过length属性取到

4.声明后可以使用“=”进行赋值，也可以直接在声明时赋值例如let age = 18; 

5.let不允许多次声明一个变量。但是可以一次声明多个变量，例如：let age = 19，name = '李';

6.变量名的规则规范：

①不能使用关键字（有特殊含义的字符例如：let、var、if、for）

②只能用下划线、字母、数字、$组成，且开头不能是数字

③字母严格区分大小写，例如age和Age是不同的变量

④起名要有意义，做到见名知意

⑤遵守小驼峰命名法：第一个单词首字母小写，后面每个单词首字母大写。如：myFirstName

7.var和let的区别：

①var可以先使用，再声明（不合理）。直接对某个未声明的变量赋值时默认为var。

②var变量可以重复声明（不合理）

③var是全局变量、let是块变量，作用域不同

（为避免出现作用域冲突，除特殊需求外建议都用let声明）

三、JS数据类型

①JS是弱数据类型，变量到底属于哪种类型需要赋值后才可以确定

②通过单引号（''）、双引号（""）或反引号（`）单引号/双引号可以相互嵌套，但不可以自己嵌套自己。同时可以使用转义符\输出单引号或双引号。

③在这里补充一个模板字符串（用于拼接字符串和变量）：``（两个反引号，在拼接变量时用${}包住变量名即可）

④可以通过typeof关键字检测数据类型，例如：console.log(typeof age) 

四、数据类型转换

1.隐式转换

①+号两边只要有一个是字符串，都会把另外一个转成字符串

②除了+号意外的算术运算符，比如- * /等都会把数据转成数字类型

③+号作为正号解析可以把字符串转换成Number

2.显式转换

2.1转换成数字型：

①直接对数据嵌套Number()。如果数据中有字符串等非数字内容，转换结果将为：NaN（Not a Number）。NaN也是number类型的数据，代表非数字

②parselnt()会剔除非数字内容并只保留整数

③parseFloat()可以保留小数

2.2转换成字符型：

①直接对数据嵌套String()

②变量.toString(进制)。（进制可为空）

图示：

五、常见基础错误分析