相关文章推荐
英勇无比的瀑布  ·  若依前后端分离版(vue)中配置页面跳转的路 ...·  9 月前    · 
不羁的苦瓜  ·  React普通样式(className)和行 ...·  2 年前    · 
面冷心慈的小熊猫  ·  Authorize with a ...·  2 年前    · 
近视的野马  ·  ApplicationAttribute.U ...·  2 年前    · 
八块腹肌的拖把  ·  R语言read.csv函数读取数据时的一个报 ...·  2 年前    · 
Code  ›  基于JavaScript 声明全局变量的三种方式详解开发者社区
test 脚本 javascript python全局变量
https://cloud.tencent.com/developer/article/1027973?areaSource=106005.11
帅呆的韭菜
2 年前
作者头像
用户1214487
0 篇文章

基于JavaScript 声明全局变量的三种方式详解

前往专栏
腾讯云
备案 控制台
开发者社区
学习
实践
活动
专区
工具
TVP
文章/答案/技术大牛
写文章
社区首页 > 专栏 > Python > 正文

基于JavaScript 声明全局变量的三种方式详解

发布 于 2018-01-24 10:43:53
1.2K 0
举报

JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。

声明方式一:

使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。该方式即为显式声明详细如下:

<script> 
  var test = 5;//全局变量 
  function a(){ 
    var a = 3;//局部变量 
    alert(a); 
  function b(){ 
    alert(test); 
  //a();//调用a方法,那么方法里面的内容才会执行 
  //b();//同上 
</script> 

声明方式二:

没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test。即使该语句是在一个function内,当该function被执行后test变成了全局变量。

<script> 
    test = 5;//全局变量 
    function a(){ 
      aa = 3;//也是全局变量 
      alert(test); 
    //a();  //输出5 
    //alert(aa);//这里也可以方法a()方法里面的变量,但是需要先调用了a方法后,aa成为全局变量 
  </script> 

声明方式三:

使用window全局对象来声明,全局对象的属性对应也是全局变量,详细如下:

<script> 
  window.test = 50; 
  alert(test);//输出50 
</script> 

这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。 如JQuery1.5中最末一句 代码如下:

window.jQuery = window.$ = jQuery;

全局变量的优点:

可以减少变量的个数,减少由于实际参数和形式参数的数据传递带来的时间消耗。

全局变量的缺点:

 
推荐文章
英勇无比的瀑布  ·  若依前后端分离版(vue)中配置页面跳转的路由_51CTO博客_后端控制vue页面跳转
9 月前
不羁的苦瓜  ·  React普通样式(className)和行内样式(LineStyle)多种设置样式设置详解_react 行内样式-CSDN博客
2 年前
面冷心慈的小熊猫  ·  Authorize with a specific scheme in ASP.NET Core | Microsoft Learn
2 年前
近视的野马  ·  ApplicationAttribute.UsesCleartextTraffic Property (Android.App) | Microsoft Learn
2 年前
八块腹肌的拖把  ·  R语言read.csv函数读取数据时的一个报错_51CTO博客_r语言read.csv函数
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号