欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript变量 基础篇

程序员文章站 2022-04-04 20:49:25
...

本文介绍javascript的变更的基础使用、原理

基础类型变量

类型 取值 说明
number 任意数字 如 1, 100,1.5
boolean true/false 真或假 如果值为0与false等同,非0与true等同。对象如果未定义也和false等同
string 任意字符串

高级类型

类型 说明
object 对象类型,所有变量均可是对象类型
function 函数,准确来说也是一种object类型

所有变量均是对象

那么怎么才能知道变量类型呢?

使用

typeof(varname)

基础类型会获取到 numberbooleanstring
高级类型会获取到objectfunction

什么是javascript的对象

javascript的对象就是可以存储一切内容的容器,使用key/value方式存储。
key可以是任意值,value也可以是任意值
比如可以定义一个对象

var person={name:"张三",weight:60.9,height:175.6,sex:"男"}

在上面的对象中有nameweightheightsex 四个key组成,value分别是张三60.9175.6
也可以这样

var person          ={}
person["name"]      ="张三";
persion["weight"]   =60.9;
persion["height"]   =175.6;
persion["sex"]      ="男";

在上面代码中 key使用了[] 包含起来,在javascript中,[] 可以访问对象内任意key值。
我们经常使用下面代码定义数组

var array = new Array("one","two","there");

var array = ["one","two","there"];

但由于组数也是一种对象,而组数对象的key是从0开始的整数。所以我们还可以这样使用数组:

var array={}
array[0]="one";
array[1]="two";
array[2]="there";

和上面使用的效果相同。
甚至,javascript的组数可以像普通对象一样使用,普通对象可以拥有组数的特性。jQuery正是很好的运用了这一特性。如代码:

var arrayObject         = ["one","two","there"];
arrayObject["name"]     ="张三";
arrayObject["weight"]   =60.9;
arrayObject["height"]   =175.6;
arrayObject["sex"]      ="男";

最终 arrayObject 的值是
JavaScript变量 基础篇
arrayObject 同时具有了普通对象和数组的特性。同理,下面代码同样会让变量具有普通对象和数据特性。

var person={name:"张三",weight:60.9,height:175.6,sex:"男"}
person[0]="one";
person[1]="two";
person[2]="there";

JavaScript变量 基础篇
基础类型参考W3school

http://www.w3school.com.cn/js/pro_js_primitivetypes.asp