本周三我进行了第二次html和css考试，不出所料顺利通过，然后就开始js的学习。
在学习js过程中，一开始只是了解js因此没有太多的感触。然后就开学习了输入和输出符，结果和Java、css都有很大区别，出现了很多新的单词，唉，开头就要开始费脑子了。看了两天之后，突然发现在找视频的时候看到的新版视频和这个是同一个人，于是我又转向看新视频，虽然开头内容又较大差别，但是我还是很快适应过来了。不过，不得不说，新视频确实有新的地方，比如使用let代替var，老视频中讲的是使用var，而新视频中则讲出了var的几个bug，所以以后就使用let了。随着讲的越来越多，我发现很多都和java越来越像，比如运算符啊、数据类型啊等等，基本都和java一模一样，因此学习js至少到现在还是非常容易的。以下是学习过程中的笔记：
1、js基础
1.1、js输入输出语法
输入
prompt()
在弹出的输入框中输入内容
输出
语法一：document.write（‘要出的内容’）
作用：向body内输出内容
注意：如果输出的内容写的是标签，那么也会被解析成网页元素
语法二：alert（‘要出的内容’）
作用：弹出警告框
语法三：console.log（‘控制台打印’）
作用：控制台输出语法，程序员调试使用
1.2、字面量
比如：
工资是1000，1000就是数字字面量
‘黑马程序员’，是字符串字面量
还有接下来的[]数组字面量，{}对象字面量等等
2、变量
2.1、声明变量
语法
let 变量名（注：和老版var区分，现在已经不使用var了）
不提倡同时声明多个变量可读性不好
2.2、let和var区别
var可以先使用再声明（不合理）；
var声明过的变量可以重复声明（不合理）；
var变量提升、全局变量、没有块级作用等；
2.3、数组的基本应用
数组--一种将一组数据储存在单个变量名下的优雅方法
1、声明语法
let 数组名 = [数据1，数据2，数据3....数据n]
2、使用数组
和java一样，编号也是从0开始，用中括号括住。
数据编号也叫索引或者下标。
数组可以储存任意数据类型。
数组中一些术语
元素：数组中保存的每个数据都叫数组元素
下标：数组中数据的编号
长度：数组中数据的个数，通过数组的length属性获得
3、常量
使用const声明的变量称为常量；常量在声明的时候必须赋值(即必须初始化)；常量不允许更改值；
当某个变量永远不改变的时候，可以使用const声明，而不是let。
命名规范和变量一样。
4、数据类型
4.1、给数据分类的作用
1、更充分和高效的利用内存
2、也更加方便程序员使用数据
4.2、js数据类型分为两种
基本数据类型：number(数字型)、string(字符型)、boolean(布尔型)、undefined(未定义型)、null(空类型)
引用数据类型：object(对象)
4.2.1、基本数据类型--数字型number
即我们数学中的整数、小数、整数、负数。js中所有整数、小数、整数、负数统称为数字类型。
js是弱数据类型，即变量究竟属于哪一种类型，需要赋值之后才能确认
相对应，java是强数据类型，即int a=3；则a只能是整数。
算术运算符：求和(+)、求差(-)、求积(*)、求商(/)、取模（即取余数，%，开发中常用来判断某个数字是否被整除)
计算优先级：乘、除、取余优先级相同；加、减优先级相同、乘、除、取余优先级大于加、减；可使用小括号提高优先级；
总结：和数学中计算顺序相同，取余等同于乘、除。
当出现NaN时，表示计算错误时not a number的缩写。NaN是粘性的，计算中出现NaN时，结果还是NaN
4.2.1、基本数据类型--字符型string
通过单引号('')、双引号(“”)、反引号(``)包裹的数据都叫字符串，单引号和双引号本质上没有区别，推荐使用单引号。即使是数字，加上单引号后也是字符串。如果引号内没有东西，叫做空字符串。
注：
无论单引号还是双引号必须成对使用；单引号/双引号可以互相嵌套，但是不能自己嵌套自己(口诀：外双内单，或者外单内双)；
必要时可以使用转义符“\”，当未使用外双内单，或者外单内双或者需要单独输出单引号或者双引号的时候。
使用“+”可以使数字相加，字符相连，字符和数字相连。类似java
模板字符串
用于拼接字符串和变量，在没有他之前变量拼接比较麻烦。
语法：外面要使用反引号(``);在需要拼接变量的地方使用${}，在打括号内写变量名
4.2.1、基本数据类型--布尔型boolean
表示肯定或者否定使在计算机中对应的使布尔类型数据，只有两个固定值true和false
4.2.1、基本数据类型--未定义型undefined
比较特殊的类型，只有一个值undefined。
什么情况出现未定义类型？
只声明变量，不赋值，变量默认为undefined，一般很少直接为某个变量赋值为undefined
工作中使用场景：我们开发中经常声明一个变量，等待传送过来的数据。如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。
4.2.1、基本数据类型--空类型null
js中的null仅仅是一个代表“无”、“空”、“值未知”的特殊值
null和undefined的区别：undefined表示没有赋值；null表示赋值了，但是内容为空
null开发中使用场景：
官方解释：把null作为尚未创建的对象；
大白话：将来有个变量里存放的是一个对象，但是对象还没创建好，可以先给个null
4.3、检测数据类型（typeof）
控制台语句常用于测试结果来使用，在控制台中，数字型和布尔型颜色为蓝，字符串和undefined为灰色。
通过typeof关键字检测数据类型
typeof运算符可以返回被检测的数据类型，它支持两种语法：1、作为运算符：typeof x(常用)；2、函数形式：typeof(x)。x为变量名。
换言之，有括号和没有括号，得到结果使一样的，所以我们直接使用运算符的写法
5、类型转换
5.1、为什么需要类型转换
js是弱数据类型，js是那种数据类型只有赋值后才清除。
坑：使用表单、prompt获取的数据默认是字符串，因此不能简单进行加法运算。此时就需要转换变量的数据类型，通俗来说就是把一种数据类型的变量转换为我们需要的数据类型。
5.2、隐式转换
某些运算符被执行时，系统内部会自动进行类型转换，称为隐式转换。
规则：
+号两边只要一个是字符串，都会把另一个变成字符串
除了+以外的算术运算符，比如-、*、/等都会把数据转换成数字类型。
缺点：转换类型不明确，靠经验才能总结
小技巧：
+号作为正号使用可以转换成数字型。
任何数据和字符串相加结果都是字符串。
5.3、显式转换
编写程序时过度依靠隐式转换时不严谨的，因为隐式转换规律并不清晰，大多靠总结的规律。为避免隐式转换带来的问题，通常根据逻辑需要对数据进行转换。
概念：自己写代码告诉系统该转成什么类型。
转换为数字型。
Number(数据)：
转换为数字类型；
如果字符串内容有非数字，转换失败显示NaN，即不是一个数字。
MaM也是number类型数据，代表非数字。
parseInt(数据)：只保留整数。
parseFloat(数据)：可以保留小数。
注：区分大小写，因为js对大小写非常敏感。
6、运算符
6.1、赋值运算符
目标：能够使用赋值运算符简化代码
已经学过的赋值运算符：=，将右边的值赋给左边，左边必须是容器。
其他赋值运算符（与Java相同）计算方式，用左边的操作右边的
+=
-=
*=
/=
%=
目前暂时就学到这，下周进度应该可以再快一点，加油！！！
网友评论