网页前端培训6JavaScript/变量/数据类型/类型转换

刹那芳华❀

已于 2022-02-11 17:03:05 修改

阅读量402

点赞数

分类专栏：网页前端培训文章标签：前端

于 2022-02-11 17:02:42 首次发布

本文链接：https://blog.csdn.net/qq_61176213/article/details/122848320

版权

网页前端培训专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript的基础知识，包括其作为面向对象的解释型语言特性、ECMAScript、DOM和BOM的基本概念。通过行内、内部和外部JS的用法展示了脚本的插入方式，并讲解了JS的基础语法、变量声明、数据类型（如undefined、null、布尔、数值、字符串和对象）及其转换规则。此外，还提及了变量提升和标识符的命名规则。

摘要由CSDN通过智能技术生成

JavaScript是一种具有面向对象能力的、解释型的程序设计语言，是基于对象和事件驱动并具有相对安全性的客服端脚本语言，主要目的是，验证发往服务器的数据、增加Web互动、加强用户体验等。

组成：

ECMAScript（是JavaScript基础）
DOM（文档对象模型）
BOM（浏览器对象模型）

基本用法：

1.行内JS

在html标签上直接写JS代码

<!-- 行内JS -->
<button onclick="alert('Hello World')">按钮</button>

2.内部JS
- 在script标签中写JS代码，script标签可以放在head或者body中，建议放在body标签最后
```

<script type="text/javascript">
	alert("这是一个按钮！");
</script>
```
3.外部JS文件
- 定义JS文件，通过script标签的src属性引入对应的文件如果设置了src属性，则Script双标签之间的JS代码不会生效
```

<script src="js/test.js" type="text/javascript">
		
</script>
```
  基础语法

JS代码一行为单位，代码从上往下执行，一行一条语句
语句结尾不加分号，如果一行定义多条语句，每条语句只能以分号结尾，所以建议每条语句都加分号
表达式不需要以表达式结尾，如果加了分号，JavaScript引擎会当做语句执行生成无用的语句

标志符：

规则：

由Unicode字符、_、$、数字、中文组成
不能数字开头
不能是关键字
严格区分大小写

规范

见名知意
驼峰命名/下划线规则
关键字
声明变量时，避免使用关键字

变量

声明JS是一种弱类型语言不需要指定数据类型

var a;

变量只声明不赋值则变量值为undefined

声明变量时可以不用var修饰符，直接声明并赋值

变量提升

所有的变量的声明语句，都会被提升到代码的头部，只对var声明的变量有效

数据类型

虽然JS变量没有类型，但是数据本身是有类型的

1.undefined表示值不存在，派生于null

变量只声明未赋值，值为undefined
当定义函数需要形参，调用函数未传递实参时，参数值为undefined

当函数没有返回值，接收值为undefined

		<script type="text/javascript">
			/* 1 */
			var a;
			console.log(a);
			/* 2 */
			function fn01(str){
				console.log(str);
			}
			fn01();
			/* 3 */
			function fn02(){
				
			}
			var b=fn02();
			console.log(b);
		</script>