文档章节

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/03/09
47
0
能说明你的Javascript技术很烂的五个原因

本文是从 5 Reasons Your Javascript Stinks 这篇文章翻译而来。 Javascript 在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种...

红薯
2011/04/13
4.5K
30
泄露你的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
HTML 5视频教程系列之JavaScript学习篇-何韬-专题视频课程

HTML 5视频教程系列之JavaScript学习篇—52816人已学习 课程介绍 HTML 5视频教程系列中JavaScript开发的基础知识讲解及学习。 课程收益 通过自学视频掌握HTML 5开发手机应用和手机游戏的技能...

pkutao
2015/02/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用正则表达式实现网页爬虫的思路详解

网页爬虫:就是一个程序用于在互联网中获取指定规则的数据。这篇文章主要介绍了使用正则表达式实现网页爬虫的思路详解,需要的朋友可以参考下 网页爬虫:就是一个程序用于在互联网中获取指定规...

前端小攻略
26分钟前
0
0
vue中锚点的三种方法

第一种: router.js中添加 mode: 'history', srcollBehavior(to,from,savedPosition){ if(to.hash){ return {selector:to.hash } } } 组件: <template><div><ul class="li......

peakedness丶
28分钟前
0
0
记一次面试最常见的10个Redis"刁难"问题

导读:在程序员面试过程中Redis相关的知识是常被问到的话题。作为一名在互联网技术行业打击过成百上千名的资深技术面试官,本文作者总结了面试过程中经常问到的问题。十分值得一读。 Redis在...

小刀爱编程
今天
20
0
TiDB Lab 诞生记 | TiDB Hackathon 优秀项目分享

本文由红凤凰粉凤凰粉红凤凰队的成员主笔,他们的项目 TiDB Lab 在本届 TiDB Hackathon 2018 中获得了二等奖。TiDB Lab 为 TiDB 培训体系增加了一个可以动态观测 TiDB / TiKV / PD 细节的动画...

TiDB
今天
5
0
当区块链遇到零知识证明

本文由云+社区发表 当区块链遇到零知识证明 什么是零知识证明 零知识证明的官方定义是能够在不向验证者任何有用的信息的情况下,使验证者相信某个论断是正确的。这个定义有点抽象,下面笔者举...

腾讯云加社区
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部