03JavaScript之数组、函数、部分全局函数及全局属性、url和uri

最新推荐文章于 2020-12-29 10:23:37 发布

Denial_learn

最新推荐文章于 2020-12-29 10:23:37 发布

阅读量196

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/Denial_learn/article/details/100579236

版权

html 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

数组：

定义方式：

第一种：
var 数组名 = [初始值，初始值，初始值];
在js中中括号表示一个数组。多个初始值之间使用逗号分割。

注意：

通过角标可以得到数组中，某个位置的值。
通过数组的length属性得到数组的长度。(可以通过该属性遍历数组)
数组不固定类型。可以存放任何类型的数据。
数组的长度是可变的。

第二种：
写法 var 数组名 = new Array（）；
Array 表示的是一个数组对象。

注意：

如果Array（），不接受参数，表示定义一个长度为0的数组。
如果Array接受一个参数，并且这个参数是整数，那么表示定义一个长度为这个参数的数组。
如果接受一个参数，并且是数值类型的非整数，此时报错。
如果接受一个参数，并且这个参数是非数值类型的，那么这个参数是数组的初始值。
如果接受多个参数，那么这些参数就是数组的初始值。

函数：

函数：封装一段代码！这段代码实现某个功能，当需要这个功能的时候，去调用函数。

定义方式：

第一种：

语法：

function 函数名（参数列表）｛
	函数体;
｝

示例：

<script type="text/javascript">
		//定一个函数----求和
		//1.在js中，参数列表中，不能书写var 。 如果一个函数需要参数，直接去定义一个参数的名字就可以了
		//2.函数，一定要被调用才可以去执行。 调用的方式： 函数名(); 
		//3.如果函数需要返回值，直接在函数中去书写return;
		//4.在js中没有重载的概念的。如果函数名相同，后面的会把前面的进行覆盖。
		/* function sum(a , b ){
			alert(a+b);
		}
		 	sum(2,3);//方法不调用，不执行
		 	 */
// 	======================================================	 	 
		 /* function sum(a , b ){
		 		return a+b;
		 	}
		 	var s = sum(2,5) ; // 如果需要返回值，就直接return 	
		 	alert(s); */
// =============================================================		 	
		 	function sum(a , b ){
		 		alert(1);
		 		return a+b ;
		 	}
			function sum(a , b ,c ){  //js中没有重载的含义，如果方法名相同，那么后面的会把前面的覆盖
		 		alert(2);
		 		return a+b ;
		 	}	
		 	var s = sum(2,4);//按java来说两个参数应该会去调两个参数的
		 	alert(s);
	</script>

第二种：

语法：

写法：var 函数名 = new  Function(“参数列表”,”函数体”);
第一个参数代表 参数列表
第二个参数代表 函数体。

示例：

var sum = new function("a,b","return a+b;");
var s = sum(10,12);
alert(s)
上边function后边第一个引号里面是参数列表，后边是函数体

第三种：（匿名）

语法：

function（参数列表）｛
	函数体；
｝

事件：可以理解为一些行为或者动作。如果该行为或者动作有意义，需要我们去做一些事情，此时可以通过事件去调用js中的函数，实现某些功能。
示例：

<script type="text/javascript">
		/*  
			1、页面的加载顺序
			2、事件： 一个动作或者是一个操作。
			3、window.onload === 表示 页面加载完毕 会触发
			4、如何为事件去绑定一个函数   对象.事件名=function(){}
		*/
	
	/* // 此时相当于给函数一个名字，demo
	   var demo = function(){
			alert("demo");
		}
		//正常的方式函数名（）去调用
	   demo(); */
	  // window.onload 表示一个事件。 表示当前的页面全部加载完成。
	  /*  
	  		考虑js的执行顺序。或者html的页面的加载顺序。
	  		浏览器加载页面的时候，从上向下，逐步的去加载
	  */
	  // 事件： 理解为一件事，或这是一个动作。 例如按钮，点击的时候。
	  
	  alert("window.onload 之前");
	  	// 函数的第三中定义方式，通常与一个事件进行绑定使用。
	  window.onload =  function(){
		alert("demo");
     	  		// 1、把按钮的标签获取到 --document.getElementById根据标签的id的属性，获取当前标签
		  var _button = document.getElementById("b1");
		  // 对象.事件名 = function(){}
		  _button.onclick = function(){
		  		alert("您点击了按钮");
		  }

	  }
	</script>

函数的细节：

函数必须在调用之后才会执行。
如果函数有返回值，在函数体中直接使用return 返回的数据即可，JS中的函数没有返回值类型这个限制。
如果函数要接收参数，这时直接写变量名，不需要var关键字。
在JS中函数没有重载的概念，如果在js中出现了多个同名的函数后面会把前面的函数覆盖掉。
在JS中如果函数需要接受参数，但是没有传递，这时变量全部是undefined
JS中函数不管接不接收参数，我们调用的时候，都可以给其传递参数。
在JS中的函数中有一个内置的数组（arguments）参数接收传递的所有数据，使用arguments，这个参数其实它本身是一个数组对象。

注意：后期如果使用JS中的函数，需要接受参数，就在函数上定义变量，如果不需要就不定义，很少使用arguments数组操作。

部分全局函数：

函数	描述
decodeURI()	解码某个编码的 URI。
decodeURIComponent()	解码一个编码的 URI 组件。
encodeURI()	把字符串编码为 URI。
encodeURIComponent()	把字符串编码为 URI 组件。
escape()	对字符串进行编码。
eval()	计算 JavaScript 字符串，并把它作为脚本代码来执行。
isFinite()	检查某个值是否为有穷大的数。
isNaN()	检查某个值是否是数字。
Number()	把对象的值转换为数字。
parseFloat()	解析一个字符串并返回一个浮点数。
parseInt()	解析一个字符串并返回一个整数。
String()	把对象的值转换为字符串。
unescape()	对由 escape() 编码的字符串进行解码。