JavaScript函数变量的生命周期,自执行函数、闭包、反转数组案例及冒泡排序案例
一、变量的生命周期
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
二、自执行函数
。
通用的自执行函数方式有两种:
1、在给该函数加上小括号,后面紧跟小括号
(function(){console.log('我是匿名函数')})()
2、在函数后边加上小括号,然后再用个小括号把函数和小括号一起包起来
(function(){console.log('我是匿名函数')}())
案例:一个列表里有6个li,要求点击li的时候打印当前被点击li的索引。
<ul>
<li>这是第1个li</li>
<li>这是第2个li</li>
<li>这是第3个li</li>
<li>这是第4个li</li>
<li>这是第5个li</li>
<li>这是第6个li</li>
</ul>
<script>
//函数的自执行
// (function(){
// console.log('123456');
// })()
//
var lis = document.querySelectorAll('li');
for (var i = 0; i < lis.length; i++) {
(function(i){
lis[i].index = i;
lis[i].onclick = function () {
console.log(this.index)
}
})(i)
}
</script>
点击对应li获取下标
三、闭包
闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。
总而言之,闭包就是对函数的嵌套
四、反转数组案例
第一种方法:
// var arr = [78,11,22,77,45,1,6]
// function reverse(arrone){
// var newArr=[];
// for(var i = 0 ;i<=arr.length-1;i++){
// newArr[arr.length-1-i] = arr[i];
// }
// return newArr;
// }
// console.log(reverse(arr));
核心思想,是创建一个新的数组,使原数组的下标到新数组时从后向前排列newArr[arr.length-1-i] = arr[i];
第二种方法:
function reverse(arrone){
var newArr = [];
for(var i = arrone.length-1; i>=0;i--){
newArr[newArr.length] = arrone [i]
}
return newArr;
}
var arr = reverse([78,11,22,77,45,1,6]);
console.log(arr);
核心思想,创建一个新数组,使原数组按照倒着的顺序排放进新数组,最后将新数组输出
五、冒泡排序
封装一个函数,输入任意一个数,都能让这个数组从大到小进行排序
var arr =[];
function list(arr){
var temp;
for(var l = 0;l<=arr.length-1;l++){
for(var b=0;b<=arr.length-1-l;b++){
if(arr[b]<arr[b+1]){
temp = arr[b+1]
arr[b+1] = arr[b]
arr[b] = temp
}
}
}
console.log(arr);
}
list([5,35,4,1,88,45,12,41,31,66])
核心:设置一个第三方变量,当后者大于前者时,用三个变量之间交换位置的方法依次进行排序