web前端学习日记——DAY06(js基础语法与数据类型)

今天针对web前端中的javaScript的基础部分进行了学习，学习内容如下：

1.在html中如果想应用javaScript必须用<script></script>进行包裹，并且对于外部的js文件需要声明url地址<script src="地址"></script>；

2.数据的输出：

（1）console.log（）：将数据输出到控制台中；

（2）document.write：将数据写到html浏览器中；

（3）alert：将数据弹出；

3.数据类型：

（1）undefined：只有一个值，特殊值，在声明变量后没有对其进行初始化（val定义），就会是undefined类型；

（2）null：只有一个值，即特殊值null，是一个对象的空指针；

（3）Boolean：true和false；

（4）number：两种类型一种是整数一种是浮点数。如果是两个整数作除法，没有整除这个说法；

（5）string：字符串+字符类型，由16位unicode组成，不区分单引号和双引号，使用``也可以，并且``支持跨行书写；

（6）bigint：比int的范围更大，解决了整数溢出的问题；

（7）symbol：是唯一且不可修改的；

（8）object ：对象类型是一组功能和属性的集合；

（9）Array：数组；

（10）function：函数类型；

4.js的全等是===；

5.Boolean的类型转化：

以下全为false；

javascript 复制代码

<script>
console.log(Boolean(null));
console.log(Boolean(0));
console.log(Boolean(''));
console.log(Boolean(undefined));
console.log(Boolean(NaN));
</script>

以下全为true；

javascript 复制代码

<script>
console.log(Boolean(12));//
console.log(Boolean('今天天气不错'));
console.log(Boolean({}));
console.log(Boolean([]));
</script>

6.string类型转换：

显示转换：

String（要转换的数据）；

要转换的数据.toString（）;

隐式转换：

尾部加+""

7.NAN是非数字的意思；

8.Number类型数据转换：

javascript 复制代码

console.log(Number(null));//0
console.log(Number(undefined));//NaN 非数字
console.log(Number(true));//1
console.log(Number(false));//0
console.log(Number(' '));//0
console.log(Number('123'));//123
console.log(Number('123.45'));//123.45
console.log(Number('123.45.67'));//NaN
console.log(Number('123abc'));//NaN
console.log(Number('01234'));//1234

9.取整和取指定位小数：

javascript 复制代码

//parseInt
console.log(parseInt('123'));//123
console.log(parseInt('123.96'));//123 不四舍五入
console.log(parseInt('123.96.45'));//123
console.log(parseInt('aaa'));//NaN
console.log(parseInt('123aaa'));//123取第一个不为数字的值截断
//parseFloat
console.log(parseFloat('123'));//123
console.log(parseFloat('123.456'));//123.456
console.log(parseFloat('123.45.67'));//123.45
console.log(parseFloat('aaa'));//NaN
console.log(parseFloat('123.45abc'));//123.45
console.log(parseFloat('a123.45abc'));//NaN

10.isNaN(要判断的值)判断是否是非数字；

11.流程控制：

if...else...

if...else if... else...

switch（） case1...case2...defalut...

while()

for

for in

for of

注意这里的for in对于数组来说获取的是数组的下标，使用数组名[值]可以获取对应下标的值，对于对象来说是属性名字，使用对象名[值]可以获取指定下标的值；

forof对于数组来说可以直接获取数组中的元素值，对于对象来说不能直接遍历，需要通过Object.keys(对象)这样就可以获得类似于forin的效果；

12.函数定义使用function 函数名(形参列表)，不需要声明返回值和返回值类型直接return就行

13.异常处理也使用try catch finally，catch的时候不需要声明异常类型直接声明一个对象就好了

然后抛出异常直接抛出就好了；