浅说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 相关文章推荐
Javascript String对象扩展HTML编码和解码的方法
Jun 02 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
node.js 利用流实现读写同步,边读边写的方法
Sep 11 Javascript
js实现跟随鼠标移动的小球
Aug 26 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
原生JavaScript创建不可变对象的方法简单示例
May 07 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
潜说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 str_pad 函数使用详解
2009/01/13 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
微信小程序开发探究
2016/12/27 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
VUE写一个简单的表格实例
2019/08/06 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
浅谈Vue组件单元测试究竟测试什么
2020/02/05 Javascript
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python实现数据库并行读取和写入实例
2017/06/09 Python
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
详解python tkinter模块安装过程
2020/01/06 Python
Python和Bash结合在一起的方法
2020/11/13 Python
土木工程专业个人求职信
2013/12/30 职场文书
社区党员志愿服务活动方案
2014/08/18 职场文书
终止劳动合同证明书样本
2014/11/19 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
五一放假通知怎么写
2015/08/18 职场文书
教师网络培训心得体会
2016/01/09 职场文书
Python如何把不同类型数据的json序列化
2021/04/30 Python