JavaScript作用域

简介: JavaScript作用域

一、作用域:


-作用域指一个变量的作用的范围
-在js中一共有两种作用域


1.全局作用域


--直接便在<script></script>标签中的js代码,都在全局作用域

--全局作用域在页面打开时创建,在页面关闭时销毁


--在全局作用中有一个全局对象window,


它代表的是一个 浏览器窗口,它是由浏览器自己创建,我们可以直接使用


-在全局作用域中,


创建的变量都会作为window对象的属性保存


创建的函数都会作为window对象的方法保存


全局作用域的变量,在页面任意位置的任意位置都可以访问得到


2.函数作用域


-调用函数时创建函数作用域,函数执行完毕之后,函数作用域销毁,


-每调用一次函数就会创建一个新的函数作用域,他们之间是相互独立的,


-在函数作用域中可以访问到全局作用域的变量,在全局作用域无法访问到函数作用域的变量


-当在函数作用域操作一个变量时,他会先在自身作用域中寻找,如果有就直接使用,如果没有则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域依旧没有找到,则会报错


3 .变量的声明提前


使用var声明变量,会在所有代码执行之前被声明


但是不使用var关键字,则变量不会被声明提前


console.log(a);

var a =123;


比如上面一行代码,在页面加载时,var a会在输出语句前面,相当于第一行是执行 var a语句.但是不会进行赋值,直到代码运行所在行才会进行赋值


4.函数的声明提前


-使用函数声明形式创建的函数function 函数(){}他会在所有代码执行前就被创建,所以我们可以在函数声明前调用函数


使用函数表达式创建的函数,不会被声明提前,所以不能在声明前调用 var

fun2=function(){}


二、this


解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,


这个对象就是我们称为函数执行的上下文对象,根据函数调用方式的不同,this会指向不同的对象:


1.以函数的形式调用时,this永远指的是window;

2.以方法的形式调用时,this就是调用的方法的那个对象

3.在事件的响应函数中,响应函数是给谁绑定的this就是谁




相关文章
|
2月前
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
29 0
|
4月前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
41 2
|
15天前
|
JavaScript 前端开发
js作用域
js作用域
12 1
|
1月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
1月前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
31 1
JavaScript基础知识-作用域(action scope)
|
1月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域
26 9
|
2月前
|
JavaScript 前端开发
使用 let 将有助于避免 JavaScript 中各种 var 引起的作用域问题。
这段内容介绍了JavaScript编程时的一系列最佳实践,包括使用`===`而非`==`进行比较、以`let`和`const`取代`var`定义变量、始终使用分号、采用合适的命名规范、利用模板字符串拼接、偏好ES6箭头函数、在控制结构中使用大括号、减少代码嵌套、应用默认参数、正确使用`switch`语句中的`break`与`default`分支、避免通配符导入以及简化布尔判断和避免不必要的三元运算符。遵循这些规则有助于提升代码的清晰度和可维护性。
17 2
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
2月前
|
自然语言处理 资源调度 JavaScript
JS 逆向基础篇:JS作用域和浏览器对象属性补环境
JS 逆向基础篇:JS作用域和浏览器对象属性补环境
117 1