JavaScript 编程基础（二）

最新推荐文章于 2023-05-09 19:08:55 发布

杜小白iu

最新推荐文章于 2023-05-09 19:08:55 发布

阅读量767

点赞数 1

分类专栏：前端基础文章标签：文档树 DOM 基础入门 Array数组函数

本文链接：https://blog.csdn.net/qq_43412080/article/details/103477345

版权

这篇博客介绍了JavaScript的基础知识，包括函数的定义、调用和作用域，Array数组的创建、遍历和常用属性，以及DOM节点树和节点访问的相关概念。通过示例详细讲解了如何操作函数和数组，帮助初学者理解JavaScript编程。

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

JavaScript 编程基础

一、函数

JavaScript 中提供了函数，函数可以将程序中繁琐的代码模块化，提高程序的可读性，并且便于后期的维护。

（1）函数的定义

为了使代码更为简洁并可以重复使用，通常将某段实现特定功能对的代码定义成一个函数。所谓函数，就是在程序中多条语句组成的逻辑单元。
在 JavaScript 中，函数使用关键字 function 来定义，其语法格式如下：

<script type="text/javascript">
	function 函数名 ([参数1,参数2,......]){
   
		函数体
	}
</script>

function：在声明函数时，必须使用的关键男子。
函数名：创建函数的名称，函数名唯一。
参数：外界传递给函数的值，可选，当有多个参数时，各参数之间用“,”隔开。
函数体：函数定义的主体，用于实现特定的功能。

（2）函数的调用

函数定义后不会自动执行，而是需要在特定的位置调用函数。函数调用很简单，只许引入函数名，并传入相应的参数即可。语法格式如下：

	函数名称 ([参数1,参数2,......])

例：下面定义一个带有参数的函数 show(text) ，在页面中输出“Hello World”.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>调用函数</title>
		<script type="text/javascript">
			//定义一个含有形参text的函数
			function show(text){
   
				document.write(text);	
			}
		</script>
	</head>
	<body>
		<script type="text/javascript">
			//调用函数show(),给出实参“Hello World”
			show("Hello World");
		</script>
	</body>
</html>

首先执行函数 show() 的函数体，然后，JavaScript 在其执行函数体之前会把实参值“Hello World”传递给形参 text。

（3）函数中变量的作用域

函数中的变量需要先定义后使用，但并不意味着定义变量后就可以随意使用。变量需要在它的作用范围内才可以被使用，这个作用范围称为变量的作用域。
变量的作用域取决于这个变量是哪一种变量，在 JavaScript 中，变量一般分为全局变量和局部变量。

全局变量：定义在所有函数之外，作用于整个程序的变量。
局部变量：定义在函数体之内，作用于函数体的变量。

二、Array 数组

与其他计算机语言一样，JavaScript 也是通过数组来保存具有相同类型的数据。

（1）创建数组

在 JavaScript 中，使用内置对象类 Array 可以创建数组对象,其语法格式如下：

var arrayname= new Array();		//新建一个长度为0的数组
var arrayname=new Array(n);		//新建一个指定长度为n的数组

//新建一个指定长度的数组，并赋值
var arrayname= new Array(元素1,元素2,元素3,......);	

var arraryname=[元素1,元素2,元素3,......];

一个数组元素由数组名、一对方括号**[ ]** 和括号中的下标组合而成，不同的数组元素可以通过下标进行区别。
例如，创建一个长度为 Y 的数组对象 year ,对于这个 year 数组对象，它包含数组元素year[0]、year[1]、year[2]、…、year[Y-1]。

（2）使用 for…in 语句

JavaScript 的 for…in 语句是一种特殊的 for 语句，专门用于处理与数组和对象相关的循环操作。for…,in 语句可以依次对数组中的每个元素执行一条或多条语句。其语法格式如下：

		for (变量 in 对象

最低0.47元/天解锁文章

杜小白iu

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 编程基础（二）

JavaScript 编程基础一、函数JavaScript 中提供了函数，函数可以将程序中繁琐的代码模块化，提高程序的可读性，并且便于后期的维护。（1）函数的定义为了使代码更为简洁并可以重复使用，通常将某段实现特定功能对的代码定义成一个函数。所谓函数，就是在程序中多条语句组成的逻辑单元。在 JavaScript 中，函数使用关键字 function 来定义，其语法格式如下：<sc...
复制链接

扫一扫

专栏目录