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的时候不需要声明异常类型直接声明一个对象就好了

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

相关推荐
橙子家4 分钟前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user20585561518139 分钟前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州10 分钟前
CSS aspect-ratio 属性完全指南
前端
Pedantic2 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘2 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆3 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师4 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆4 小时前
VSCode自动格式化三要素
前端
爱勇宝4 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员