浅说js变量


Posted in Javascript onMay 25, 2011
/* 
1, 变量类型: 
JavaScript 是弱类型, 变量可存储任意类型, 并且运行期间类型可变; 
-> 变量可进行类型转换; 
*/ 
/* 
2, 变量声明: 
*/ 
var i; 
var index; 
var i, index; 
var i = 0, index = 2; 
/* 
变量声明, 无初始值时, 值为 undefined; 
并且 var 声明的变量, 不能使用 delete 操作符删除; 
重复声明为产生覆盖, 不会造成错误; 
遗漏声明, 则会把变量隐式声明此变量, 并做为全局变量; (下节介绍) 
*/ 

/* 
3, 变量作用域: 
以函数划分: 函数内部声明的变量, 只能运行的函数内部, 即局部变量; (闭包仍可引用); 
内部变量比全局变量优先级别高; ex: 
*/ 
var g = 'global'; 
function check() { 
var g = 'local'; 
console.log(g); // local 
} 
check(); 
/* 变量尽可能都使用 var 声明 */ 
/* 没有块级作用域 */ 
if (false) { 
var test = 2; 
function t() { 
console.log('t function'); 
} 
} 
t(); // t function; 
console.log(test); // undefined; 
/* 
例外: 
firefox 会报错; 
t is not defined; 
test 值为 undefined;(末声明和赋值的变量都是 undefined) 
*/ 
/* 变量声明会提前挂起 */ 
function f() { 
console.log(test); // undefined 
var test = 'test'; 
console.log(test); // 'test' 
} 
// 转化为 
function f() { 
var test; 
console.log(test); // 变量仅声明, 则初始化为 undefined 
test = 'test'; 
console.log(test); // 变量已赋值, 'test' 
} 
/* 未定义变量和未赋值变量 */ 
console.log(t); // 直接使用变量 t; 
// 注: 直接给变量赋值时, 会隐式的把变量做为全局对待; 
var t; // 未赋值变量, undefined; 
/* 
4, 基本类型和引用类型: 
Number/boolean/null/undefined/ 基本类型; 
Array/Object/Function 引用类型 
第五版, 63页: 
无论将字符串看作是行为与基本类型相似的不可变引用类型, 
还是将它看作使用引用类型的内部功能实现的基本类型, 结果都是一样的; 
即: String 类型表现为 基本类型; 
下面实例说明基本类型和引用类型差别: 
*/ 
var a = 3.14; 
var b = a; 
a = 4; 
console.log(a, b); // 4, 3.14; 
var a = [1, 2, 3]; 
var b = a; 
a[0] = 99; 
console.log(a, b); // 相同; [99, 2, 3]; 
// 数组是引用类型, 变量a和b 指向同一块内存地址; 
// 变量保存基本类型的实际值, 而保存引用类型的引用(类指针); 
/* 
5, 垃圾收集 
引用类型是没有固定大小的, 比如: Array, 随时可以修改 length; 
变量并不能直接保存引用的值, 而是被存储在某个位置, 变量保存的只是对此位置的引用. 
所以, JavaScript 会动态分配内存来存储实体; 
最终要释放这些内存以便再用, 否则会消耗所有可用内存导致系统崩溃; 
JavaScript 不要求手动释放内存; 它使用一种称为垃圾收集方法[方法不可见]; 
它会把对不再使用的对象所占用的内存释放; 
*/ 
var s = 'hello'; 
var u = s.toUpperCase(); 
s = u; // 不能再获取到 'hello' 值; 
// 环境中不再有 'hello' 引用[没有变量指向它] 
// (是否进行回收, 是通过是否存在赋值决定的) 
/* 
6, 作为属性的变量 
全局对象 
window, this, Math; 
浏览器中的:navigator, screen; 
局部变量:调用对象 
调用对象 
全局变量是特殊的全局对象的属性, 那么局部变量被称为调用对象(call object)的属性; 
函数的参数和局部变量作为调用对象的属性而存储; 
(使用独立对象存储局部变量使 JavaScript 可防止局部变量覆盖同名全局变量的值) 
JavaScript 的执行环境 
JavaScript 解释器执行一个函数时, 会为函数创建一个执行环境(execution context); 
一个执行环境就是所有 JavaScript 代码段执行时所在的环境. 
运行不属性任何函数的 JavaScript 代码的环境使用的就是全局对象. 
所有 JavaScript 函数都运行在 自己独有的执行环境中, 并且有自己的调用对象, 在调用对象中定义了局部变量. 
JavaScript 解释器可在不同的全局执行环境中运行脚本, 并且这些环境不脱节, 彼此可引用; 
(window-iframe); 
深入理解变量作用域 
每个 JavaScript 执行环境都有一个和它关联在一起的作用域链(scope chain); 
作用域链是一个对象列表或对象链; 
当 JavaScript 代码需要查询变量 X 的值时, 它就开始查看此链上的第一个对象; 
如果对象存在一个名为 x 的属性, 那么就采用那个属性的值. 
如果没有, JavaScript 会继续查询链中的第二个对象. 
如果还没有找到, 继续查询下一个对象. 以此类推... 
补充: 
f() 作用域 -> 闭包作用域 -> var 变量所在作用域 
-> Object 的原型作用域 -> Object 类属性作用域 
-> 顶层作用域(window); 
*/
Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
vue双向绑定简要分析
Mar 23 Javascript
jQuery手风琴的简单制作
May 12 jQuery
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
Vue导出json数据到Excel电子表格的示例
Dec 04 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
Aug 16 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 Javascript
潜说js对象和数组
May 25 #Javascript
一些常用的JavaScript函数(json)附详细说明
May 25 #Javascript
javascript中万恶的function实例分析
May 25 #Javascript
js 页面关闭前的出现提示的实现代码
May 25 #Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 #Javascript
IE6/7/8/9不支持exec的简写方式
May 25 #Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 #Javascript
You might like
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
Dojo 学习要点
2010/09/03 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
2017/02/20 Javascript
javascript 跨域问题以及解决办法
2017/07/17 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
vue实现弹幕功能
2019/10/25 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
python实现巡检系统(solaris)示例
2014/04/02 Python
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
HTML文本属性&颜色控制属性的实现
2019/12/17 HTML / CSS
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
数学系毕业生的自我评价
2014/01/10 职场文书
演讲稿格式
2014/04/30 职场文书
法人身份证明书
2014/10/08 职场文书
2014年党员整改措施
2014/10/24 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
为自己工作观后感
2015/06/11 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏