JavaScript的基础内容第一天

最新推荐文章于 2024-06-20 20:20:21 发布

阳光下的ABC

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量561

点赞数 20

分类专栏： JS 文章标签： javascript 前端

本文链接：https://blog.csdn.net/2302_81331056/article/details/139123234

版权

JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

文章目录

一、JavaScript的书写位置
- 1.内部JS
- 2.外部JS
二、JavaScript的输入输出语句
- 2.1输出语法
- 2.2输入语法
三、JavaScript变量申明
四、数组
4.1声明数组
4.2使用数组
五、数据类型
六、类型转换
- 6.1隐式转换
- 6.2显示转换
总结

声明：以下内容适用于有一定语言基础的程序员快速查找使用

一、JavaScript的书写位置

1.内部JS

<body>
	<script>
	//在此书写代码
	</script>
</body>

2.外部JS

<body>
	<script src = "first.js">
	//中间不要写内容 （会忽略）
	</script>
<body>

二、JavaScript的输入输出语句

2.1输出语法

document.write('hello world!')//直接写在html结构中

console.log('hello world!')//写在控制台中

2.2输入语法

prompt（'请输入XXX：'）//会在窗口显示

三、JavaScript变量申明

let 变量名 //一般用于变量所赋的值会改变的申明
let 变量名 = 值
let name = 'ABC',age = '3'//声明多个变量 可以但是没必要
let name = prompt（'请输入姓名'）

const 变量名 = 值//一般用于声明常量

四、数组

4.1声明数组

let arr = [10,20,30]

4.2使用数组

let arr = [10,20,30]
let data = arr[0]//对数组进行索引
let length = arr.length//获取数组的长度

五、数据类型

数字型、字符串型、布尔型、undefinded 未定义型、null 空类型
NaN代表一个计算错误
\转义符可代表引号
+可用于字符相连

const name = ABC
document.write(`${name},你好！`)

出现undefinded的情况

let num
console.log(num)

let obj = null

检测数据类型

let num = 10
console.log(typeof num)

六、类型转换

6.1隐式转换

console.log(1+1)
console.log('ABC'+1)//自动把1转为字符型
console.log('2'-2)//除+外会转换为数字型
console.log(+'123')//转为数字型

6.2显示转换

let str= = '123'
let strNum = Number(str)//转为数字型
let num = 123
let intNum = parseInt(num)//保留整数 可用于处理像素
let floatNum = parseFloat(num)//保留小数

总结

本人是跟着黑马的教程学的JS，自己做的笔记，帮助自己学习