>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25969 个阅读者 刷新本主题
 * 贴子主题:  JavaScript 作用域 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-18 22:48:47     消息  查看  搜索  好友  邮件  复制  引用

  

JavaScript  作用域

      作用域是可访问变量的集合。            

JavaScript 作用域

     在 JavaScript 中, 对象和函数同样也是变量。

         在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。

     JavaScript 函数作用域: 作用域在函数内修改。            

JavaScript 局部作用域

     变量在函数内声明,变量为局部作用域。

     局部变量:只能在函数内部访问。                    

范例

//  此处不能调用 carName 变量  
function   myFunction ( )   {
     var   carName  =  " Volvo " ;
     //  函数内可调用 carName 变量  
}

      因为局部变量只作用于函数内,所以不同的函数可以使用相同名称的变量。

      局部变量在函数开始执行时创建,函数执行完后局部变量会自动销毁。            

  JavaScript 全局变量

     变量在函数外定义,即为全局变量。

     全局变量有 全局作用域: 网页中所有脚本和函数均可使用。?              

范例

var   carName  =  "  Volvo " ;

//  此处可调用 carName 变量  
function   myFunction ( )   {
     //  函数内可调用 carName 变量  
}

      如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

      以下范例中 carName 在函数内,但是为全局变量。              

范例

//  此处可调用 carName 变量  

function   myFunction ( )   {
     carName  =  " Volvo " ;
     //  此处可调用 carName 变量  
}            

  JavaScript 变量生命周期

     JavaScript 变量生命周期在它声明时初始化。

     局部变量在函数执行完毕后销毁。

     全局变量在页面关闭后销毁。            

函数参数

     函数参数只在函数内起作用,是局部变量。              

HTML 中的全局变量

      在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。              

范例

    // 此处可使用 window.carName  

    function   myFunction ( )   {
      carName  =  " Volvo " ;
    }              

你知道吗?

点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 你的全局变量,或者函数,可以覆盖 window 对象的变量或者函数。
局部变量,包括 window 对象可以覆盖全局变量和函数。




程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-11 11:17:28 重新编辑]
  Java面向对象编程-->流程控制
  JavaWeb开发-->使用Session(Ⅱ)
  JSP与Hibernate开发-->数据库事务的并发问题的解决方案
  Java网络编程-->用Spring整合CXF发布Web服务
  精通Spring-->组合(Composition)API
  Vue3开发-->Vue简介
  好消息:《精通Vue.js:Web前端开发技术详解》出版了!
  常用CSS样式属性大全
  Vue2.0与Vue3.0主要区别总结
  vue中axios异步调用接口的坑
  JavaScript 进制转换的实用代码
  jQuery 事件方法汇总
  HTML DOM Script 对象
  HTML DOM Li 对象
  JavaScript中的HTML DOM Label 对象
  JavaScript Array 对象
  HTML支持的多媒体(Media)
  JavaScript中的 this关键字
  JavaScript 闭包
  JavaScript编程规范
  jQuery Mobile 简介
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。