稳扎稳打JS——执行上下文
时间:2022-05-03
本文章向大家介绍稳扎稳打JS——执行上下文,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
上下文环境的初始化在代码执行前完成
- JS有三种作用域:全局作用域、函数作用域、eval作用域(不常用,不做介绍)。
- 在JS代码执行前,首先会对这三种作用域进行上下文环境的准备工作,准备内容如下:
- 全局作用域的上下文准备工作
- 将全局变量设为undefined
- 将函数表达式的值设为undefined
- 为函数声明直接赋值
- 将window对象赋给this
- 函数作用域的上下文准备工作
- 确定自由变量的作用域
- 为函数的参数和arguments对象赋值
- 将局部变量的值设为undifined
- 将函数表达式的值设为undifined
- 为函数声明直接赋值
- 全局作用域的上下文准备工作
//将全局变量的值设为undefined
console.log(a); //undefined
var a = 1;
//将window对象赋给this
console.log(this);
//将函数表达式的值设为undefined
console.log(fn1);//undefined
var fn1 = function(){
//……
}
//为函数声明直接赋值
console.log(fn2); //输出函数的代码
function fn2(){
//……
}
//函数作用域
function fn3(b,c){
//确定自由变量的作用域
console.log(a);
//为局部变量赋上undefined
console.log(x);//undefined
var x = 123;
//为函数的参数赋值
console.log(b,c); //2,3
//为arguments赋值
console.log(arguments); //[2,3]
}
fn3(2,3);
- 函数作用域中this的是在JS运行时才能确定,而全局作用域中的this在准备上下文环境的时候就确定了(window)。
- 定义函数有两种方法:函数声明式定义、函数表达式定义,如下所示:
//函数声明式定义
function fn(a,b){
//……
}
//函数表达式定义
var fn = function(a,b){
//……
}
- 两者区别如下:
- 若采用函数声明式定义,函数调用语句和函数声明语句的先后次序无关。 因为在代码运行前的准备上下文环境过程中,函数的初始化已经完成,所以运行时无论函数调用语句在哪儿,JS编译器都能调用这个函数。
- 若采用函数表达式来定义函数,则函数定义一定要在函数调用语句之前! 因为在这种方式中,函数的初始化是在运行时完成,在代码运行前只是将undefined赋给函数变量。因此在这种情况下,函数调用语句必须在函数定义后。
- JS中作用域只有三种:全局作用域、函数作用域、eval作用域。除此之外就没有作用域了!如:for、if、while等都不是独立的作用域! 因此在里面定义的局部变量都属于其所属的外层作用域。
- Windows魔法堂:解决“由于启动计算机时出现页面文件配置问题.......”
- Java魔法堂:自定义和解析注解
- 【Hibernate那点事儿】—— Hibernate应该了解的知识
- 【Hibernate那点事儿】—— Hibernate应该了解的知识
- Java魔法堂:以Windows服务的形式运行Java程序
- 【Hibernate那点事儿】—— Hibernate知识总结
- java获取网页源代码
- Java魔法堂:注解用法详解——@SuppressWarnings
- 日志那点事儿——slf4j源码剖析
- 给Dreamweaver插上Svn的翅膀
- MyBatis魔法堂:ResultMap详解
- 腾讯海量监控体系经验分享
- 【Spring开发】—— Spring Core
- Java魔法堂:找外援的利器——Runtime.exec详解
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PreparedStatement连接数据库实现登录验证,避免sql注入问题
- 自己封装数据库工具类
- Git---->Linux常用命令+主干、分支合并,发生冲突+当紧急任务来时,文件暂存+忽略文件不提交
- 使用servlet完成简单的登录功能(servlet与html之间跳转(重定向))
- gitee配置
- idea--->先交给git本地仓库--->再push到远程仓库
- 图书系统优化分页与搜索跳转
- 解决ie浏览器回车不刷新验证码问题
- jsp跳转jsp----------和------------jsp跳转servlet跳转jsp
- idea中下载并配置稳定版本的MAVEN,电脑环境配置 + setting.xml文件配置
- Python代码性能分析之cProfile
- 自己写一个简单的MyBatis工具类代码+注释
- 多对一和一对多
- 使用C3P0连接数据库
- QQ授权,接收代码发送的电子邮件