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

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

相关推荐
GEO从入门到精通22 分钟前
课程怎么选?2026年GEO学习资源全梳理
学习
动恰客流统计28 分钟前
景区客流统计怎么做?兼顾管控与运营的实施方案解析
大数据·前端·人工智能
优化Henry1 小时前
LTE 载波频率与频点配置详解
运维·网络·学习·5g·信息与通信
派小心.1 小时前
A/B测试工具免费版够用吗?
前端·数据分析
xiaomu001231 小时前
高湿环境床垫湿度管理技术框架:湿度阈值、排湿结构与材料选型
经验分享·学习·学习方法
前端snow2 小时前
ai agent --- redis 缓存
前端
zhangrelay2 小时前
ROS项目设计案例智能大模型正经乱答案例
linux·笔记·学习·ubuntu·机器人
probex_2 小时前
学习笔记:知识图谱是什么,在测试里能干什么
笔记·学习·知识图谱
duanshu_2 小时前
官网表单与下载异常怎么排查?五个环节定位故障
前端·自动化·flyweight
Zhou1411363 小时前
SpringBoot_03_Web开发
前端·spring boot·python