javascript基本数据类型与值类型引用类型说明
DEMO: http://sources.ikeepstudying.com/jsdata/
摘要:本文主要讲了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); }
- javascript基本数据类型与值类型引用类型说明
2、Null
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象
function test2(){ var testMessage = null; alert(typeof testMessage); }
- javascript基本数据类型与值类型引用类型说明
3、string
字符串,字符串可以是引号中的任意文本。可以使用单引号或双引号:
function test3(){ var testMessage = "hello"; alert(typeof testMessage) }
- javascript基本数据类型与值类型引用类型说明
4、number
可以是浮点数,整数
function test4(){ var testMessage = 12; alert(typeof testMessage) }
- javascript基本数据类型与值类型引用类型说明
5、boolean
布尔型,有两个值 true or false.
function test5(){ var testMessage = true; alert(typeof testMessage) }
- javascript基本数据类型与值类型引用类型说明
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) }
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
7、function
函数类型
function test9(){ alert(typeof test8) }
- javascript基本数据类型与值类型引用类型说明
二、值类型与引用类型
(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>
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
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>
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
- javascript基本数据类型与值类型引用类型说明
注意:
undefined,null,空字符串,0都等于false,都可以通过!来取反。
原文:http://blog.csdn.net/evankaka
DEMO: http://sources.ikeepstudying.com/jsdata/
转自:javascript基本数据类型与值类型引用类型说明
javascript基本数据类型与值类型引用类型说明相关推荐
- JavaScript(四)—— JavaScript 内置对象/JavaScript 简单数据类型与复杂类型
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript / 注释 / 输入输出语句 / 变量 / 数据类型 JavaScript(二)-- ...
- 变量/值类型/引用类型/常量/枚举
变量 声明语法 datatype identifier; 如:int i; //声明一个int类型的变量,但是在没有初始化之前编译器不允许使用该变量 同时声明多个 int a,b;//同时声明两个in ...
- C#值类型-引用类型
转换-值类型-引用类型-预定义分类表 转换 C#里,兼容的实例间可以进行相互转换 转换总是从一个值转换成一个新的值 隐式转换:隐式转换是自动发生的 显式转换:显式转换是手动操作的 长整型转换成整型的时 ...
- C#基础_值类型引用类型(十一)
值类型和引用类型: 值类型包括:byte,short,int,long,char,float,double,bool,struct结构 引用类型包括:类类型,接口类型和数组 等. 值类型和引用类型特点 ...
- 6个重要的.NET概念:栈,堆,值类型,引用类型,装箱,拆箱
引言 本篇文章主要介绍.NET中6个重要的概念:栈,堆,值类型,引用类型,装箱,拆箱.文章开始介绍当你声明一个变量时,编译器内部发生了什么,然后介绍两个重要的概念:栈和堆:最后介绍值类型和引用类型,并 ...
- C# 值类型 引用类型 作为参数传递区别
C#数据类型分类: http://msdn.microsoft.com/zh-cn/library/t63sy5hs(v=VS.80).aspx. 值类型作为参数传递: http://msdn.mic ...
- 关于C#值类型,引用类型,值传递,引用传递
说到参数传递,必须得弄清值类型和引用类型: (为了容易表达,我暂且命名存放在堆中的内容为堆中对象,存放在栈上的内容为栈中对象.) 值类型存放在栈中,直接访问.如果有:int a=0;int b=a;就 ...
- 值类型 引用类型 堆栈 堆 之 异想
看了很多值类型 和 引用类型的文章(谷歌能搜索出来的) 看了越多疑问越大,而这些资料中没有具体的说明. 问题: 1.堆栈 和 堆 分别存于计算机的哪个硬件(CPU缓存,内存,硬盘)? 2.为什么只有值 ...
- iOS开发-Swift进阶之值类型 引用类型!
本文主要介绍为什么结构体是值类型,类是引用类型 值类型 图片看不了请前往简书 前提:需要了解内存五大区,,如下所示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XFI ...
最新文章
- 植物根际微生物组也有昼夜节律
- 磁盘格式化与快速格式化有什么区别?
- 用tolower()和toupper()来实现对string进行大小写转换
- 64 大小_32位和64位Windows系统差别在哪里
- ITK:在二进制映像中标记Connect组件
- Android 图形架构
- BugkuCTF-Reverse题Timer(阿里CTF)
- 我的 Windows 电脑已经不用安全软件好多年了
- 《Arduino开发实战指南:机器人卷》一3.6 编程原理与示例程序
- 没事学学docker:在阿里云中部署MYSQL的容器+测试
- [Android Pro] 关于BitmapFactory.decodeStream(is)方法无法正常解码为Bitmap对象的解决方法...
- [转]coolfire黑客入门教程系列之(六)
- [luoguP3627][APIO2009]抢掠计划
- 四川绵阳动感地带学生套餐资费备忘
- 【移动通信】信号强度单位dB和dBm
- NOIP模拟赛 czy的后宫5
- Vue PC端和移动端的切换
- 4G工业路由器DTU的扩展功能
- HTTP/HTTPS协议
- 565 数组嵌套(图论思想-求解所有环的最大长度)
热门文章
- 奔小康赚大钱(HDU-2255)
- 如何用excel筛选相似内容_excel如何筛选出相同内容,excel怎么用公式筛选
- OpenCV中基本数据结构(2)_Scalar
- 字段的某记录相同,但是时间不同,找到MySQL里面最新的数据
- [Unity] ACT 战斗系统学习 5:使用 ScriptableObject 制作角色属性 1
- phpcmsV9 邮箱配置(含图文教程) - 案例篇
- js时间对象:获取当前时间(格式化)- 代码篇
- localStorage、sessionStorage本地存取Object 对象 - 代码篇
- vantUI 弹出层(轻提示)案例 - 踩坑篇
- 以30字符宽居中输出python字符串_python3字符串