JS作用域链详解


Posted in Javascript onJune 26, 2017

本文实例为大家分享了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 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 Javascript
json传值以及ajax接收详解
May 24 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
May 27 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
浅谈在Vue.js中如何实现时间转换指令
Jan 06 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 #jQuery
纯JS实现简单的日历
Jun 26 #Javascript
vue2.0全局组件之pdf详解
Jun 26 #Javascript
JavaScript创建对象的七种方式(推荐)
Jun 26 #Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 #Javascript
JavaScript的六种继承方式(推荐)
Jun 26 #Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 #Javascript
You might like
php 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
[02:07]2017国际邀请赛中国区预选赛直邀战队前瞻
2017/06/23 DOTA
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
python 判断自定义对象类型
2009/03/21 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
python七夕浪漫表白源码
2019/04/05 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python3中的f-Strings增强版字符串格式化方法
2020/03/04 Python
如何提高python 中for循环的效率
2020/04/15 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
市场营销专科应届生求职信
2013/11/24 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
部队党性分析材料
2014/02/16 职场文书
婚礼主持结束词
2014/03/13 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
公路施工安全责任书
2015/05/08 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js