浅说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 金额文本框实现代码
Feb 14 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
Sep 14 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
Apr 01 Javascript
JavaScript变量声明var,let.const及区别浅析
Apr 23 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
js绘制一条直线并旋转45度
Aug 21 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和ACCESS写聊天室(十)
2006/10/09 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP之生成GIF动画的实现方法
2013/06/07 PHP
详解PHP归并排序的实现
2016/10/18 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
vue实现键盘输入支付密码功能
2018/08/18 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
python http接口自动化脚本详解
2018/01/02 Python
老生常谈python中的重载
2018/11/11 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python标识符命名规范原理解析
2020/01/10 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
解决pymysql cursor.fetchall() 获取不到数据的问题
2020/05/15 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
优良学风班申请材料
2014/02/13 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
继续教育个人总结
2015/03/03 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis