打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
javascript基本数据类型与值类型引用类型说明

一、基本数据类型

         javascript中申明变量使用的关键字都是var,这点与其他的编程语言不尽相同,但是javascript亦含有五种基本的数据类型(也可以说是简单数据类型),它们分别是:UndefinedNullBooleanNumberString。还含有一种复杂数据类型—Object

(1)"undefined"——未申明,或者变量的值即为undefined或者未初始化;

(2)"boolean" ——如果这变量的值是布尔类型;

(3)"string" ——值是字符串类型;

(4)"number" ——值是数字类型;

(5)"object" ——对象或者值为null

    typeof这个关键字是一定要说的,因为javascript是松散类型的,在变量申明时并没有使用与之类型相对应的关键字,如果在代码中想要获知某个变量的基本数据量,就可以使用typeof。这里要注意的是typeof返回的是字符串类型。

(5)"function" ——函数。

实例验证:

 

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

<scripttype="text/javascript">

functiontest1(){

vartestMessage;

alert(typeoftestMessage);

}

functiontest2(){

vartestMessage = null;

alert(typeoftestMessage);

}

functiontest3(){

vartestMessage = "hello";

alert(typeoftestMessage)

}

functiontest4(){

vartestMessage = 12;

alert(typeoftestMessage)

}

functiontest5(){

vartestMessage = true;

alert(typeoftestMessage)

}

functiontest6(){

vartestMessage = [];

alert(typeoftestMessage)

}

functiontest7(){

vartestMessage = [];

alert(typeoftestMessage)

}

functiontest8(){

vartestMessage = new Object();

alert(typeoftestMessage)

}

functiontest9(){

alert(typeoftest8)

}

</script>

</head>

<body>

<buttontype="button" id="button1" onclick = "test1()">测试undefined</button>

<buttontype="button" id="button2" onclick ="test2()">测试null</button>

<buttontype="button" id="button3" onclick ="test3()">测试string</button>

<buttontype="button" id="button4" onclick ="test4()">测试number</button>

<buttontype="button" id="button5" onclick ="test5()">测试boolean</button>

<buttontype="button" id="button6" onclick ="test6()">测试[]</button>

<buttontype="button" id="button7" onclick ="test7()">测试{}</button>

<buttontype="button" id="button8" onclick ="test8()">测试Object</button>

<buttontype="button" id="button9" onclick ="test9()">测试function</button>

</body>

</html>

1Undefined

Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined

 

functiontest1(){

vartestMessage;

alert(typeoftestMessage);

}

\

2Null

Null类型也只有一个值,即nullnull用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象

 

 

functiontest2(){

vartestMessage = null;

alert(typeoftestMessage);

}

 

\

3string

字符串,字符串可以是引号中的任意文本。可以使用单引号或双引号:

 

functiontest3(){

vartestMessage = "hello";

alert(typeoftestMessage)

}

\

4number

 

可以是浮点数,整数

 

functiontest4(){

vartestMessage = 12;

alert(typeoftestMessage)

}

 

\

5boolean

布尔型,有两个值 true or false.

functiontest5(){

vartestMessage = true;

alert(typeoftestMessage)

}

\

6obeject

对象与数组,还有null也是。对象和数组里都可以包含不同的类型,包括对象和数组。

 

functiontest6(){

vartestMessage = [];

alert(typeoftestMessage)

}

functiontest7(){

vartestMessage = [];

alert(typeoftestMessage)

}

functiontest8(){

vartestMessage = new Object();

alert(typeoftestMessage)

}

\

\

 

\

 

 

7function

函数类型

 

functiontest9(){

alert(typeoftest8)

}

\

 

 

二、值类型与引用类型

1)值类型:数值、布尔值、nullundefined

 值类型指的是保存在栈内存中的简单数据段,按值访问,操作的是他们实际保存的值;

 

2)引用类型:对象、数组、函数

 

    引用类型指的是那些保存在堆内存中的对象,意思是,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象;引用访问,当查询时,我们需要先从栈中读取内存地址,然后再顺藤摸瓜地找到保存在堆内存中的值;

如:以下都是引用类型

varcars=   new Array;

varperson= new Object;

 

1、值类型实例:

 

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

<scripttype="text/javascript">

functionfun1(){

vara=1;

varb=a;

b=-1;

alert("a="+a+"b="+b);

}

functionfun2(){

vara=new String("lin");

varb=a;

b =new String("bing");

alert("a="+a+"b="+b);

}

functionfun3(){

vara="lin";

varb=a;

b ="bing";

alert("a="+a+"b="+b);

}

</script>

</head>

<body>

<buttontype="button" id="button1" onclick = "fun1()">测试值类型</button>

<buttontype="button" id="button2" onclick = "fun2()">测试值类型</button>

<buttontype="button" id="button1" onclick = "fun3()">测试值类型</button>

</body>

</html>

\

 

 

\

\

2、引用类型实例

 

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

<scripttype="text/javascript">

functionfun1(){

vara=[1,2,3];

varb=a;

a[0]=1000;

alert("a="+a+"b="+b);

}

functionfun2(){

var a= [1,2,3];

var b= a;

b =[11, 12, 13];//b指向了另一个内存地址,与a断开关联

a[0] =2;

alert("a="+a+"b="+b);

}

 

functionfun3(){

    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://www.sm136.com/Evankaka";

    alert(

    "objDemo1.url的值:\n" +objDemo1.url + "\n" +

    "objDemo2.url的值:\n" +objDemo2.url

);

}

</script>

</head>

<body>

<buttontype="button" id="button1" onclick = "fun1()">测试引用类型</button>

<buttontype="button" id="button2" onclick = "fun2()">测试引用类型</button>

<buttontype="button" id="button3" onclick = "fun3()">测试引用类型</button>

</body>

</html>

\

 

\

\


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
自定义Button按钮
SAP UI5 按钮的类型和背景色设置例子
企业信息开发平台(6)Web表单设计器开源
Openwrt定制按键输入
C#开发微信门户及应用(6)
应用程序配置和动态加载4----反射
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服