JS作用域链详解

 更新时间:2017年06月26日 11:42:12   作者:云翳1895  
这篇文章主要为大家详细介绍了JS作用域链的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了JS作用域链的相关内容,供大家参考,具体内容如下

1、所有全局变量和函数都是作为window对象的属性和方法创建的。

2、在某个方法函数的作用域中,所有代码执行完之后,该作用域被销毁,保存在其中的所有变量和函数定义也会随着被”销毁“,这就是局部作用域。但闭包不会销毁局部变量。

这里的销毁:是指下次再执行此函数的时候,所有的变量又回到最初的状态

var color = "blue";
function changeColor(){
  var anothercolor = "red";
  if(color==="blue"){
    color = anothercolor;
  }
        //这里可以访问anothercolor,color
         
}
    //这里只可以访问color
changeColor();
console.log(color);//red
console.log(anothercolor);

// undefined。anothercolor是函数changeColor的局部变量,在整个函数运行之后已经被“销毁”

3、变量的声明注意点

function ddq(){

 alert(i)
var i=11
 alert(i)
 
}
ddq()
// 第一个返回underfind
//第二个返回11

这段代码相当于

function ddq(){
 var i
 alert(i)
 i=11
 alert(i)
 
}
ddq()

注意点:在一个函数内部的声明变量时(在调用之后),就相当于先申明,调用后赋值。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript中的class类详解

    JavaScript中的class类详解

    JavaScript 中的类(Class)是一种新的语言特性,它让我们可以使用面向对象编程的思想来更加方便地组织和管理代码。在本文中,我们将详细介绍 JavaScript 中的类特性,感兴趣的同学可以借鉴阅读
    2023-05-05
  • 怎么选择Javascript框架(Javascript Framework)

    怎么选择Javascript框架(Javascript Framework)

    如果你正面临这样的问题,希望下面的几个建议对你在选择javascript框架上会有所帮助
    2013-11-11
  • JS与JQuery分别实现淘宝五星好评特效

    JS与JQuery分别实现淘宝五星好评特效

    这篇文章主要为大家详细介绍了JS与JQuery分别实现淘宝五星好评特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • Three.js加载外部模型的教程详解

    Three.js加载外部模型的教程详解

    这篇文章主要介绍了Three.js外部模型加载的教程详解,在文章给大家补充介绍了three.js 外部模型加载json的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • Bootstrap 响应式实用工具实例详解

    Bootstrap 响应式实用工具实例详解

    Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。下面通过本文给大家分享Bootstrap 响应式实用工具,一起看看吧
    2017-03-03
  • 微信小程序弹窗组件使用详解

    微信小程序弹窗组件使用详解

    这篇文章主要为大家详细介绍了微信小程序弹窗组件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JS优化冗余代码的技巧分享

    JS优化冗余代码的技巧分享

    这篇文章主要为大家整理了18个JavaScript优化冗余代码的技巧,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以了解一下
    2023-08-08
  • 2016年最热门的15 款代码语法高亮工具,美化你的代码

    2016年最热门的15 款代码语法高亮工具,美化你的代码

    无论是代码高亮还是语法高亮对整个程序来说都非常重要,可以给人眼前一亮的感觉,增加用户体验度,下面通过本文给大家介绍2016年最热门的Javascript代码高亮显示脚本及代码语法高亮工具,对js代码高亮,代码语法高亮相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

    浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

    这篇文章主要介绍了浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入 的相关资料,需要的朋友可以参考下
    2016-01-01
  • js核心基础之构造函数constructor用法实例分析

    js核心基础之构造函数constructor用法实例分析

    这篇文章主要介绍了js核心基础之构造函数constructor用法,结合具体实例形式分析了javascript构造函数constructor概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-05-05

最新评论