作用域-闭包-原型链-例子理解

Posted 川衡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了作用域-闭包-原型链-例子理解相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作用域-闭包-原型链 </title>
</head>
<body>

</body>
<script type="text/javascript">
/**
作用域理解
**/




var a1 = "adggagadgdfs";
var a2 = function()
/**
函数内无论什么位置定义的局部变量,在进入函数时都是已经定义的,但未初始化,即为undefined,直到运行到变量被赋值时才被初始化,因此若访问了未初始化的变量,我们会得到undefined的说明
**/
console.log(a1);//undefined   why
var a1 = "XXXXXX";

a2();




/***
嵌套作用域变量搜索规则:当在函数中引用一个变量时,JS会搜索当前函数作用域,如果没有找到则搜索其上层作用域,一直到全局作用域。
**/
var  value = 'global';  
    var f1 = function()  
      console.log(value);   //global  
    ;  
    f1();  
    var f2 = function()  
      var value ='local';  
      console.log(value); //local  
    ;  
    f2();


    /***
    词法作用域规则:函数的嵌套关系是定义时决定的,而非调用时决定的,即词法作用域,即嵌套关系是由词法分析时确定的,而运行时决定。
    **/
    var d = "cscscsdc";
    var d1 = function()
    console.log(d);
   
    var d2 = function()
    var d = "mkmkmkmkkmk";
    d1();
   
    d1();
    d2();


    //-----------------------------------------------------------------------
    /**
    闭包  闭包就是能够读取其他函数内部变量的函数 在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁
    闭包有两个用途,一是方便实现嵌套的回调函数,二是隐藏对象的细节。
    解释:一个是可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中
    **/
    var bi = function()
    var bb = "BBBBBB";
    function bib()
    console.log(bb);


    ;


    bib();
   
    bi();


   //--------------------------------------------------------------------------------
   /**
   *作用域链   作为继承的主要方法
prototype 
   */
   //定义一个空的构造函数
   var person = function();
   //给person 定义一个speak子函数 
   person.prototype.Speak = function()
    // body...
    console.log("everyone can Speak");
   ;
   person.prototype.Call = function(phone)
    console.log(phone);
   ;
   var p = new person();
   p.Speak();
   p.Call("18716153565");
</script>
</html>

以上是关于作用域-闭包-原型链-例子理解的主要内容,如果未能解决你的问题,请参考以下文章

闭包和原型链

理解闭包

原型模式故事链--JS变量作用域作用域链闭包

前端:如何理解 JS 的作用域和作用域链?说说闭包的两个应用场景

闭包深度理解

JS高级. 05 词法作用域变量名提升作用域链闭包