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

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

相关推荐
casual~18 分钟前
模逆元计算方法详解:扩展欧几里得算法与费马小定理
学习·算法·逆元
半句唐诗20 分钟前
我是如何通过 Access Token 成功发布第一个 npm 包的
前端·npm·node.js
@Mike@23 分钟前
06-数据库学习笔记(存储模型与数据压缩)
数据库·笔记·学习
程序员黑豆24 分钟前
鸿蒙应用开发:@Provider 与 @Consumer 跨组件双向同步详解
前端·harmonyos
paopaokaka_luck29 分钟前
基于springboot3+vue3的智能文库平台(AI智能搜索、AI智能汇总、实时在线状态展示、多格式文档预览与富文本编辑、Echarts图形化分析)
前端·网络·spring boot·网络协议·echarts
牧艺41 分钟前
cos-design PhotoAlbum:用 CSS 3D 做一个「能翻页」的实体相册
前端·css·交互设计
洪贺1 小时前
从原始采样到可缩放心电图:用 h5ECG 绘制自己的 ECG
前端
冰心孤城1 小时前
Excel: xls与xlsx格式转换排坑指南
java·前端·excel
程序员黑豆1 小时前
鸿蒙应用开发之跨组件传参:@Provide 与 @Consume 跨层级数据同步详解
前端·harmonyos
我的xiaodoujiao1 小时前
快速学习Python基础知识详细图文教程14--模块
开发语言·python·学习·测试工具