文档章节

JavaScript变量 基础篇

comfan
 comfan
发布于 2017/09/01 09:03
字数 578
阅读 2
收藏 0

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

基础类型变量

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

高级类型

|类型|说明| |- | :-: | |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 的值是

这里写图片描述

arrayObject 同时具有了普通对象和数组的特性。同理,下面代码同样会让变量具有普通对象和数据特性。

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

这里写图片描述

图片来自我的CSDN博客,CSDN原文地址: CDSN博客 javascript变量 基础篇

转载请说明出处,并附原文地址。

基础类型参考W3school > http://www.w3school.com.cn/js/pro_js_primitivetypes.asp

© 著作权归作者所有

共有 人打赏支持
comfan
粉丝 0
博文 1
码字总数 578
作品 0
成都
程序员
当javaScript从入门到提高前需要注意的细节:变量部分

到了HTML5的时代,对javaScript的要求不是降低了,而是更提高了。javaScript语言的入门非常简单,如果你有java、C#等C风 格的结构化语言的基础,那javaScript你最多半天就可以写点什么了。但...

晨曦之光
2012/02/27
0
0
泄露你的JavaScript技术很烂的五个表现

Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让...

i33
2013/01/14
0
19
学习Javascript的8张思维导图

分别归类为:  javascript变量  javascript运算符  javascript数组  javascript流程语句  javascript字符串函数  javascript函数基础  javascript基础DOM操作  javascript正则表达式...

thinkyoung
2014/09/23
0
0
深入浅出 JavaScript 中的 this

JavaScript 是一种脚本语言,因此被很多人认为是简单易学的。然而情况恰恰相反,JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。本文仅采撷其中的一例:JavaScript 中的 this...

i33
2012/10/25
0
0
这样剖析JavaScript中的属性和方法,也许你就会更清楚

玩转JavaScript,你得有很扎实的基础,这些基础体现在哪里?其中一个最重要的点就是对JavaScript的属性和方法有足够的了解和认识。这里,我会带大家一起来彻底消灭这些盲点(对JavaScript属性...

Jack088
07/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
33分钟前
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
45分钟前
0
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
0
0
LNMP架构(Nginx负载均衡、ssl原理、生成ssl密钥对、Nginx配置ssl)

Nginx负载均衡 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,比如分离出数据库服务器、分离出图片作为单独服务,这些是简单的数据的负载均衡,将压力分散到不同的机器上。有时...

蛋黄_Yolks
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部