JavaScript变量与作用域

来源:未知 责任编辑:责任编辑 发表时间:2013-12-06 08:45 点击:
1.JavaScript的变量类型
   JavaScript的变量分为基本类型和引用类型.基本数据类型是直接存在栈空间的简单数据段,这种类型直接将值保存在内存的某个位置.引用数据类型存储的是指向实际存储于堆内存中的对象的地址.
   JavaScript中的基本数据类型共有五种:Number,Null,Undefined,Boolean和String.需要注意的是,js中的String是基本数据类型.
   对于基本类型变量的访问,是按值访问的,而对于引用变量的访问是按引用访问的.
2.动态属性
   对于引用数据类型的变量,可以对其添加属性和方法,也可以删除属性和方法,例如:
[javascript]
var p = new Object(); 
p.name = "张三"; 
alert(p.name);//张三 
但是对于基本数据类型来说,这样是不允许的,如下:
[javascript]
var str = "张三"; 
str.age = 20; 
alert(str.age);//undefined 
3.复制变量值
对于基本类型的变量,从一个变量向另一个变量复制,实际上是将第一个变量存储的值复制给另一个变量。因此,复制完成之后,对第一个变量进行修改,修改操作不会影响另一个变量的值。例如;
[javascript]
var num1 = 1; 
var num2 = num1; 
alert(num2);//1 
num1 = 2; 
alert(num2);//1 
但是对于引用数据类型,将一个变量复制给另一个变量,实际上是存储第一个变量所存储的地址拷贝给另一个变量,换句话说,这两个变量之后就指向同一块内存空间。因此,接下来对第一个变量的操作也会影响第二个变量。例如:
[javascript]
var p1 = newObject(); 
p1.name = "张三"; 
p1.age = 20; 
var p2 = p1; 
alert(p2.age);//20 
p1.age = 30; 
alert(p2.age);//30 
4.参数传递
JavaScript的参数传递全部是按值传递。也就是说,将函数外部的值复制给函数的参数。对于基本类型来说,和变量的复制是一样的,对于引用数据类型,则如同引用数据类型的复制一样。下面分别举例说明:
[javascript]
function inc(num) { 
    num += 1; 

var i = 10; 
alert(i);//10 
inc(i); 
alert(i);//10 
对于基本类型变量i,将其传递给函数inc,实际上是将其值10传递给函数inc的参数,在函数内部,对其内部的变量进程加1操作,因此不会影响i。
再看下面的代码: www.2cto.com
[javascript]
function setName(obj) { 
obj.name = "张三"; 

var person = newObject(); 
setName(person); 
alert(person.name);//张三 
将person传递给函数setName,于是将person所指向的堆内存地址传递给函数的参数,因此,参数指向的内存和person指向的内存是同一个地址。因此在函数内部修改该地址指向对象的内容也会反映到person上来。
5.检测变量的类型
检测基本类型,使用typeof运算符即可,例如:
[javascript]
var s = "张三"; 
var b = true; 
var i = 20; 
var u; 
var n = null; 
var o = new Object(); 
alert(typeof s);//string 
alert(typeof b);//boolean 
alert(typeof i); //number 
alert(typeof u); //undefined 
alert(typeof n); //object 
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1