首页 - 最近大事件 - 分,小幸运,黄山门票-头条斑鱼,渔业咨询,捕捞技巧

分,小幸运,黄山门票-头条斑鱼,渔业咨询,捕捞技巧

发布时间:2019-07-12  分类:最近大事件  作者:admin  浏览:188

一、JS解析次序和效果域:

  • 解析次序:
  • 界说(先找var function)
  • 履行 ( 在逐渐履行 )
  • 留意:假如函数名和var界说的变量相同,var会被函数掩盖
  • 效果域:
  • 每个script是一个效果域
  • 每个函数{}是一个效果域
  • 程序每履行到一个效果域,都是依照解析次序解析代码;
  • 效果域链:从内往外找要找函数内的变量;

二、事例剖析


  • 剖析前请记住这段话
  • 解析次序:
  • 界说(先找var function)
  • 履行 ( 在逐渐履行 )
  • 留意:假如函数名和var界说的变量相同,var会被函数掩盖
  • 举例1
alert( a );
var a = 10;
alert( a );
function a(){alert(20)};
alert( a );
var a = 30;
alert( a );
function a(){alert(40)};
alert( a );
// 函数块 10 10 30 30

剖析

  • 1:找界说 function a(){alert(40)};
  • 2:履行 alert( a ) //函数块
  • a = 10;
  • alert( a ); // 10
  • alert( a ); // 10
  • a = 30;
  • alert( a ); // 30
  • alert( a ); // 30
  • 举例2
a();
var a = function(){alert( 1 );}
a();
function a(){alert(2);}
a();
var a = function(){alert(3);}
a();
//2 1 1 3

剖析

  • 1:找界说
  • function a(){alert(2);}
  • 2:履行
  • a(); //2
  • a = function(){alert( 1 );}
  • a(); //1
  • a(); //1
  • a = function b(){alert(3);};
  • a();//3
  • 举例3
 var a = 0;
function fn(){
alert( a );
var a = 1;
alert( a );
}
alert(a);
fn();

剖析

  • 1:找界说
  • var a
  • function fn(){}
  • 2:履行
  • a = 0;
  • fn(); ===> 1:找界说
  • 2:履行 alert(a); //undefined
  • a = 1;
  • alert(a); //1
  • 举例4
fn()();
var a = 0;
function fn(){
alert( a );
var a = 3;
function c(){
alert( a );
}
return c;
};

剖析

  • 1:找界说
  • var a
  • function fn
  • 2:履行
  • fn() ===> 1:找界说 function c
  • 2:履行 alert(a); //undefined
  • a = 3
  • return function c
  • fn()() ==>1:找界说 function c
  • 2:alert(a);//undefined 3
  • a = 0;
  • 举例5
var a = 5;
function fn(){
var a = 10;
alert(a);
function b(){
a++;
alert(a);
};
return b;
};
var c = fn();
c();
fn()();
c();

剖析

  • 1:找界说 var a
  • function fn
  • var c
  • 2:履行 a = 5;
  • c = fn(); === > 1:找界说 var a
  • function b
  • 2:履行 a = 10;
  • alert(a); //10
  • return function b(){};
  • c();=========> 1:找界说
  • 2:履行 a++; //11
  • alert(a);//11
  • fn()(); //10 11
  • c() ========> 1:找界说
  • 2:履行 a++;//11+1;
  • alert(a); //12
  • 举例6
//alert(x);//9:履行弹出x,成果x没界说,过错.
alert(i);//9:履行弹出i,但是i之前现已界说,只不过没地址,因此是undefiend
var i = 10;//1:var i; 10:把常量池中10的地址赋给栈中的i
var j = "你好";//2:var j; 11:把常量池中 你好 的地址复给栈中的j
var k = z = null;//3:var k,z; 12:把堆中null的地址赋值给z和k
var m = function(){//4:var m; 5:function匿名函数 13:把匿名函数在堆中的地址赋给栈中的m
alert(2);
}
var b = document.body;//6:var b; 14:把堆中document.body目标的地址赋给栈中的b
var f = true;//7:var f; 15:把常量池中true的地址赋给栈中的变量f
function m(){//8:function m;
alert(1);
}
  • 举例7
function m(){
c = 50;//在局部变量中找不到界说的c 沿着效果域链找到了大局变量的c
alert('哈哈哈');
//var c;
}
var c = 150; // 函数m()还未履行到 还没被毁掉 此刻大局c的值c=50
m();
var c = 20;//到这儿一步 m()现已履行完了 函数现已毁掉了 这儿的c仍是20
alert(c);//20
  • 举例8
function m(){
c = 50;//在局部变量中找不到界说的c 沿着效果域链找到了大局变量的c
alert('哈哈哈');
function inner(){
c = 30;
alert('嘻嘻');
}
inner();//c在函数内部找不到界说 所以沿着效果域链找到了大局的c
}
var c = 20;//到这儿一步 m()还没履行 函数没被毁掉 这儿的c是30
m();
alert(c);//30

三、闭包


3.1 概念


  • 其实是函数嵌套函数
  • 每个函数都是一个独立的效果域
  • 每个都有自己的生命周期
  • 延伸局部变量的生命周期

3.2 比如


 

  • 01

  • 02

  • 03

  • 04


var liDoms = document.getElementById("list").getElementsByTagName("li");
for(var i=0;i
(function(a){
liDoms[a].onclick = function(){
alert(a);
}
})(i)
}
//函数也是一种数据类型 它和 number string boolean object 特别在能够打括号去履行它
//函数中的循环
function test(){
var arr = [],i;
for(i=0;i<3;i++){
// arr[i] = (function fn(a){
// return a;
// })(i);
arr[i] = fn(i);
}
return arr;
}
function fn(a){
return a;
}
var c = test();
//alert(c);
for(var i=0;i
var value = c[i];
alert(value);
}
下一篇
快捷导航
最新发布
标签列表