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

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

相关推荐
东风破_14 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx
葡萄成熟时 !14 小时前
JAVA 常用API学习笔记
java·笔记·学习
东风破_14 小时前
Docker 实战:使用 Nginx 作为容器入口代理 Node 服务
前端·后端·nginx
你别说话了15 小时前
Vue项目解决跨域
前端·javascript·vue.js
指尖时光.15 小时前
Three.js 超全入门综合案例
开发语言·javascript·ecmascript
唐青枫15 小时前
http-server:别再双击 index.html,一条命令把目录变成网站
前端·javascript
网安蟹佬霸16 小时前
OSINT开源情报收集实战:从信息搜集到资产测绘(2026最新万字保姆级指南)
前端·网络·安全·web安全·网络安全·开源
别动我齐刘海16 小时前
机器人运动控制学习2——基础进阶
c++·人工智能·神经网络·学习·目标检测·机器学习·机器人
a11177616 小时前
3D历史建筑展览馆 THreeJS 开源
前端·开源
单线程_0116 小时前
【源码阅读】Vue3 Tokenizer 词法分析器完整状态机流转深度梳理(3.4+ 新版架构)
前端