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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
jquery插件之easing 动态菜单
Aug 21 Javascript
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
vue学习笔记之Vue中css动画原理简单示例
Feb 29 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
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
星际争霸秘籍
2020/03/04 星际争霸
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
2010/03/15 Javascript
js常用代码段收集
2011/10/28 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
JavaScript获取多个数组的交集简单实例
2013/11/11 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
Python引用模块和查找模块路径
2016/03/17 Python
python dict如何定义
2020/09/02 Python
python飞机大战游戏实例讲解
2020/12/04 Python
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
高中的职业生涯规划书
2013/12/28 职场文书
学风建设演讲稿
2014/09/12 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
师德师风个人总结
2015/02/06 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
请学会珍惜眼前,因为人生没有下辈子!
2019/11/12 职场文书