本文介绍了JavaScript的引入方式，包括在body和head内嵌入以及外部引用，并讲解了不同位置对页面加载的影响。接着，文章深入探讨了JavaScript的变量声明，包括var、let和const的用法及差异。同时，提到了变量的作用域和常量的定义。最后，文章概述了JavaScript的五种基本数据类型（undefined、number、boolean、string和null）以及两种复合类型（对象和数组）。
3.1js的引入
JavaScript代码可以直接嵌在网页的任何地方
1在body使用js
<body>
<script type="text/javascript">
console.log("我在body中执行了")
</script>
</head>
2在head中使用
<head>
<meta charset="utf-8">
<title></title>
<!-- <script src="./js/index.js"></script> -->
<script type="text/javascript">
console.log("我在head中执行了")
</script>
</head>
</head>
3在外部使用js
<script src="./js/index.js"></script>
4补充
document.write()写入html
alert()对话框显示
console.log()控制台显示
3.2变量
1 var 是最传统的变量方式 全局变量
<script type="text/javascript">
// 使用 var 声明一个变量 默认 为
var a;
// 给变量a赋值
a=10;
var b=10;
// 使用var特殊效果
// 浏览器会先搜索所以的var 关键字放到最前面
console.log(c);
var c=10;
</script>
2 let 是 es6添加的变量声明方式 局部变量
<script type="text/javascript">
let g
g= 1
console.log(c)
</script>
3 一般大写字母为常量变量 const来定义 常量不能更改 声明时必须赋值
<script type="text/javascript">
const H = 12
console.log(H)
</script>
4 推荐使用顺序
const>let>var 效率越来越低
5 如果js库特别大 推荐放在body的最底部
浏览器解释完body后在解析库，不影响页面显示效果。
3.2数据类型
5种基本数据类型
undefined：当变量没有被赋值时类型 默认类型为 undefined类型
<script type="text/javascript">
var a
console.log(typeof(a))
</script>
number:js中所以数值格式
<script type="text/javascript">
var a=12
console.log(typeof(a))
</script>
boolean：true和false的类型
<script type="text/javascript">
var a=true
console.log(typeof(a))
</script>
string：字符串类型使用""和''都开业
<script type="text/javascript">
var a="sad"
console.log(typeof(a))
</script>
null:清空 不在使用 类型object
<script type="text/javascript">
var a=null
console.log(typeof(a))
</script>
2种复合类型
对象：python中的字典 {key1:value,key2:vlaue}
<script type="text/javascript">
var a={"s":123}
console.log(a)
</script>
数组：python中的列表 类型object
<script type="text/javascript">
var a=[1,23,4,53,5];
console.log(a) ;
</script>
扫一扫
9846
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
