当前位置：首页 > 资讯 > 技术文档

javascript 显示全局变量与隐式全局变量的区别

时间：2022-06-04 16:55 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript 显示全局变量与隐式全局变量的区别

在JavaScript中，全局变量有两种声明方式 [list] [*] 使用 var 显示声明的全局变量 [/*] [*] 不使用 var 声明的隐式全局变量 [/*] [/list] 两者的区别在于是否能通过 delete 操作符删除先看一段代码

var a = 'a'; // 显式声明的全局变量
b = 'b'; // 隐式声明的全局变量
 
console.log(a); // a
console.log(b); // b
console.log(window.a); // a
console.log(window.b); // b

在 js 中全局变量其实是global对象(window)的属性，因此两种方式声明的全局变量都可以通过 window 拿到 [b]尝试用 delete 删除[/b]

// 显式声明的全局变量不能被删除
delete a; // 返回 false 
 
// 隐式声明的全局变量可以被删除
delete b; // 返回 true 
 
// 删除情况
console.log(typeof a); // string
console.log(typeof b); // undefined

delete 操作符可以删除一个对象的属性，但如果属性是一个不可配置（non-configurable）属性，删除时则会返回 false（严格模式下会抛出异常）这就表示使用 var 声明的变量是不可配置的，使用 getOwnPropertyDescriptor 来获取描述属性特性的对象来验证这一点

Object.getOwnPropertyDescriptor(window, a); // {value: "a", writable: true, enumerable: true, configurable: false}
Object.getOwnPropertyDescriptor(window, b); // {value: "b", writable: true, enumerable: true, configurable: true}

两者的根本区别在于显式声明的变量不可配置，不能通过 delete 操作符删除需要注意的是 configurable 值一旦为 false，描述属性特性的对象就不能被修改，因此不能通过修改属性描述符使得显示声明的全局变量能被 delete 删除，但反过来，可以使隐式声明的全局变量也不能被 delete 删除

b = 'b';
var descriptor = Object.getOwnPropertyDescriptor(window, b);
descriptor.configurable = false;
Object.defineProperty(window, b, descriptor);
delete b; // 返回 false

以下是其他网友的补充 JavaScript之全局变量和隐式全局变量隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。 1、通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。 2、无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。这表明，在技术上，隐式全局变量并不是真正的全局变量，但它们是全局对象的属性。属性是可以通过delete操作符删除的，而变量是不能的：

// 定义三个全局变量
var global_var = 1;
global_novar = 2; // 反面教材
(function () {
  global_fromfunc = 3; // 反面教材
}());
 
// 试图删除
delete global_var; // false
delete global_novar; // true
delete global_fromfunc; // true
 
// 测试该删除
typeof global_var; // "number"
typeof global_novar; // "undefined"
typeof global_fromfunc; // "undefined"

在浏览器中，全局对象可以通过window属性在代码的任何位置访问（除非你做了些比较出格的事情，像是声明了一个名为window的局部变量）。但是在其他环境下，这个方便的属性可能被叫做其他什么东西（甚至在程序中不可用）。如果你需要在没有硬编码的window标识符下访问全局对象，你可以在任何层级的函数作用域中做如下操作：

var global = (function () {
  return this;
}());

这种方法可以随时获得全局对象，因为其在函数中被当做函数调用了（不是通过new构造），this总是指向全局对象。实际上这个病不适用于ECMAScript 5严格模式，所以，在严格模式下时，你必须采取不同的形式。例如，你正在开发一个JavaScript库，你可以将你的代码包裹在一个即时函数中，然后从全局作用域中，传递一个引用指向this作为你即时函数的参数。以上就是javascript 显示全局变量与隐式全局变量的区别，两者的根本区别在于显式声明的变量不可配置，不能通过 delete 操作符删除，希望大家多关注编程素材网的其他文章。

全部评论(0)

上一篇：封装好的一个万能检测表单的方法
下一篇：jsp网页搜索结果中实现选中一行使其高亮

资讯排行榜
更多>>