javascript基本数据类型与值类型引用类型说明
来源:互联网 发布:mac版本炒股软件 编辑:程序博客网 时间:2024/05/18 17:27
林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka
摘要:本文主要讲了javascript中的基本数据类型,以及值类型和引用类型的区别与使用
一、基本数据类型
在javascript中申明变量使用的关键字都是var,这点与其他的编程语言不尽相同,但是javascript亦含有五种基本的数据类型(也可以说是简单数据类型),它们分别是:Undefined,Null,Boolean,Number和String。还含有一种复杂数据类型—Object。
(1)、"undefined"——未申明,或者变量的值即为undefined或者未初始化;
(2)、"boolean" ——如果这变量的值是布尔类型;
(3)、"string" ——值是字符串类型;
(4)、"number" ——值是数字类型;
(5)、"object"——对象或者值为null;
typeof这个关键字是一定要说的,因为javascript是松散类型的,在变量申明时并没有使用与之类型相对应的关键字,如果在代码中想要获知某个变量的基本数据量,就可以使用typeof。这里要注意的是typeof返回的是字符串类型。
(5)、"function" ——函数。
实例验证:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript">function test1(){var testMessage;alert(typeof testMessage);}function test2(){var testMessage = null;alert(typeof testMessage);}function test3(){var testMessage = "hello";alert(typeof testMessage)}function test4(){var testMessage = 12;alert(typeof testMessage)}function test5(){var testMessage = true;alert(typeof testMessage)}function test6(){var testMessage = [];alert(typeof testMessage)}function test7(){var testMessage = [];alert(typeof testMessage)}function test8(){var testMessage = new Object();alert(typeof testMessage)}function test9(){alert(typeof test8)}</script></head><body><button type="button" id="button1" onclick = "test1()">测试undefined</button><button type="button" id="button2" onclick = "test2()">测试null</button><button type="button" id="button3" onclick = "test3()">测试string</button><button type="button" id="button4" onclick = "test4()">测试number</button><button type="button" id="button5" onclick = "test5()">测试boolean</button><button type="button" id="button6" onclick = "test6()">测试[]</button><button type="button" id="button7" onclick = "test7()">测试{}</button><button type="button" id="button8" onclick = "test8()">测试Object</button><button type="button" id="button9" onclick = "test9()">测试function</button></body></html>
1、Undefined
Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined
function test1(){var testMessage;alert(typeof testMessage);}
2、Null
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象
function test2(){var testMessage = null;alert(typeof testMessage);}
3、string
字符串,字符串可以是引号中的任意文本。可以使用单引号或双引号:
function test3(){var testMessage = "hello";alert(typeof testMessage)}4、number
可以是浮点数,整数
function test4(){var testMessage = 12;alert(typeof testMessage)}
布尔型,有两个值 true or false.
function test5(){var testMessage = true;alert(typeof testMessage)}6、obeject:
对象与数组,还有null也是。对象和数组里都可以包含不同的类型,包括对象和数组。
function test6(){var testMessage = [];alert(typeof testMessage)}function test7(){var testMessage = [];alert(typeof testMessage)}function test8(){var testMessage = new Object();alert(typeof testMessage)}
7、function
函数类型
function test9(){alert(typeof test8)}
二、值类型与引用类型
(1)值类型:数值、布尔值、null、undefined
值类型指的是保存在栈内存中的简单数据段,按值访问,操作的是他们实际保存的值;
(2)引用类型:对象、数组、函数
引用类型指的是那些保存在堆内存中的对象,意思是,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象;引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值;
如:以下都是引用类型
var cars= new Array;var person= new Object;
1、值类型实例:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript">function fun1(){var a=1;var b=a;b=-1;alert("a="+a+" b="+b);}function fun2(){var a=new String("lin");var b=a;b = new String("bing");alert("a="+a+" b="+b);}function fun3(){var a="lin";var b=a;b = "bing";alert("a="+a+" b="+b);}</script></head><body><button type="button" id="button1" onclick = "fun1()">测试值类型</button><button type="button" id="button2" onclick = "fun2()">测试值类型</button><button type="button" id="button1" onclick = "fun3()">测试值类型</button></body></html>
2、引用类型实例
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript">function fun1(){var a=[1,2,3];var b=a;a[0]=1000;alert("a="+a+" b="+b);}function fun2(){var a = [1,2,3];var b = a;b = [11, 12, 13];//b指向了另一个内存地址,与a断开关联a[0] = 2;alert("a="+a+" b="+b);}function fun3(){ function ClassDemo(){ this.name = "linbingwen"; this.url = "我的博客:http://blog.csdn.net/evankaka"; } var objDemo = new ClassDemo(); var objDemo1 = objDemo; var objDemo2 = objDemo; objDemo1.url = "我的主页:http://my.csdn.net/Evankaka"; alert( "objDemo1.url的值:\n" + objDemo1.url + "\n" + "objDemo2.url的值:\n" + objDemo2.url);}</script></head><body><button type="button" id="button1" onclick = "fun1()">测试引用类型</button><button type="button" id="button2" onclick = "fun2()">测试引用类型</button><button type="button" id="button3" onclick = "fun3()">测试引用类型</button></body></html>
注意:
undefined,null,空字符串,0都等于false,都可以通过!来取反。
- javascript基本数据类型与值类型引用类型说明
- JavaScript 中的栈与堆-基本数据类型与引用类型
- javascript基本类型与引用类型
- javascript基本类型与引用类型
- JavaScript中的基本类型与引用类型
- JavaScript数据类型--值类型和引用类型
- JavaScript 数据类型(值类型/引用类型)
- 说说 JavaScript 基本类型值与引用类型值
- JavaScript数据类型-引用类型
- JavaScript 基本数据类型 与类型检测
- Javascript 中的引用类型和基本类型(值类型)
- 值类型与引用类型 in JavaScript
- JavaScript中的值类型与引用类型
- JavaScript中的值类型与引用类型
- 基本数据类型和引用类型
- 基本类型与引用类型
- 基本类型与引用类型
- javascript类型系统之基本数据类型与包装类型
- 对水波特效实现原理的解释
- 以前,现在,以后
- iOS初级数据持久化 沙盒机制 归档与反归档
- Final用法
- Objective-C 基础知识之(八):NSSet
- javascript基本数据类型与值类型引用类型说明
- 设计模式-装饰者模式
- Android多媒体---SurfaceView(播放视频)+Mediaplayer(音频)
- iOS学习 用代码实现界面
- android SDK 升级24.0.2的方法总结
- 关于Adaboost强分类器的训练
- IO读取本地相关类fileinputstream(2015年9月14日)
- 2D特效之水波
- SSLOJ2201 树