浅说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 相关文章推荐
JS俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
程序员必知35个jQuery 代码片段
Nov 05 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
vue.js表格分页示例
Oct 18 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
vue-router传递参数的几种方式实例详解
Nov 13 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
php数据访问之查询关键字
2016/05/09 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
javascript弹出窗口实现代码
2015/11/12 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
微信 用脚本查看是否被微信好友删除
2016/10/28 Python
Python中装饰器学习总结
2018/02/10 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
安装docker-compose的两种最简方法
2019/07/30 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
销售代表求职自荐信
2013/10/01 职场文书
校园自助餐厅的创业计划书
2013/12/26 职场文书
初二政治教学反思
2014/01/12 职场文书
新学期班主任寄语
2014/01/18 职场文书
毕业生求职信的经典写法
2014/01/31 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
食堂采购员岗位职责
2014/03/17 职场文书
学校运动会报道稿
2014/09/23 职场文书
老兵退伍标语
2014/10/07 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS