老徐WEB：js入门学习 - javascript变量的数据类型

计算机可以处理的数据类型有多种，分为基本类型和引用类型。基本类型有字符串、数字、布尔、空、未定义和Symbol，引用类型有对象、数组和函数，下面老徐一一介绍。
注：Symbol是ES6引入了一种新的原始数据类型，表示独一无二的值。

字符串类型

字符串类型是指用引号包含起来的任意文本，引号可以是单引号，也可以是双引号。如果文本里包含有单引号，那么就用双引号包括起来，如果文本里有双引号，那么就是单引号包括起来。还有一种情况是转义，就是文本里包含的引号跟外面包括的引号一致，那么文本里的引号就得用反斜线‘\’转义，下面举例说明一下。

var x = 'HUAWEI'; // 单引号括起来的文本
var x = "HUAWEI"; // 双引号括起来的文本
var x = "don't warry"; // 文本里包含单引号
var x = '你可以叫它"小黑"'; // 文本里包含双引号
var x = 'don\'t warry'; // 文本里的引号跟外面包括的引号一致时，用转义
var x = "你可以叫它\"小黑\""; // 用转义

数字类型

javascript只有一种数据类型。数字可以带小数点，也可以不带。
var x = 23; // 数字
var x = 23.0; // 带小数点数字
var x = 23e5; // 科学计数法，2300000
var x = -3; // 负数
var x = NaN; // 不能用来计算时，用NaN表示

布尔类型

布尔类型就是判断一个事情是真是假。真用true表示，假用false表示。
0 // 表示假
1 // 表示真
2 // 表示真
false // 表示假
true // 表示真
1 > 2; // 假
3 > 1; // 真

未定义类型 - undefined

如果声明了一个变量，且没有给变量赋值，这个变量的类型就是undefined。
var x;
alert(typeof x); // undefined

数组类型

数组可以存储一系列的值。
var books = ['语文','数学','英语','物理']; // 声明一个数组，赋值给变量books创建数组的方式有三种。1.用new声明数组对象
var books = new Array();
books[0] = '语文';
books[1] = '数学';
books[2] = '英语';2.简洁方式
var books = new array('语文','数学','英语','物理');3.字面量
var books = ['语文','数学','英语','物理'];

函数类型

var doAdd = function(a,b){return a+b;} // 声明一个函数

对象类型

对象由花括号{}组成。里面包含多个(name:value)形式的数值对，并用逗号分隔。

var student = {name:'张三',age:30}

在javascript里，一切都是对象。

你声明了一个字符串类型的变量，这个变量就是字符串对象。
你声明了一个数字类型的变量，这个变量就是数字对象。

var x = new String; // 声明字符串类型的变量
var x = new Number; // 声明数字类型的变量
var x = new Boolean; // 声明布尔类型的变量
var x = new Array; // 声明数组类型的变量
var x = new Object; // 声明对象类型的变量

注：多数时候不用new来声明变量，而是直接就可以声明任意类型的变量，就像上面介绍的那样。

变量的数据类型可以通过typeof操作符来查看，alert(typeof 'Hello');

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。

老徐WEB：js入门学习 - javascript变量的数据类型相关推荐

老徐WEB：js入门学习 - javascript变量
javascript变量是最基础的知识,也是学习任何编程语言都会接触,并且要学习的知识. 如果你在编程过程中需要存放一个数字,比如100,那么你首先要声明一个变量,然后把数字100赋值给变量,这样在程 ...
老徐WEB：js入门学习 - javascript对象之String对象
简单说明一下字符串. 字符串是由单引号或者双引号括起来的任意文本.如果文本里含有单引号,外面就用双引号括起来,如果文本里含有双引号,那么外面就用单引号括起来.如果文本里面的引号和外面的一致,那么文本里 ...
老徐WEB：JS简单实现图片滚动效果轮播图，自动、手动和自适应(二)
轮播图是前端网页中常用的功能,包括PC端和移动端,都会用到轮播图,像咨讯.电商和个人博客等,首页基本都会有轮播图. 老徐在上一篇文章的基础上[最简单详细的轮播图原理和制作过程],又扩展了功能,使之成为 ...
什么是js为什么学习 JavaScript?
什么是js为什么学习 JavaScript? JavaScript 缩写.一种计算机脚本语言,主要在web浏览器(客户端)解释执行,由网景公司开发. 请注意,网景公司的 JavaScript 和微软公 ...
Backbone.js入门学习资源
backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件 ...
老徐WEB：最简单详细的轮播图原理和制作过程（一）
老徐利用空闲时间,制作了一个最简单的轮播图,主要介绍轮播图的原理和制作过程,只要大家能认真看完这篇文章,并理解文中内容,就能完全掌握轮播图的制作了.之后工作中碰到复杂的轮播图,自己也能思考制作出来了. ...
Web前端入门学习（5）——浮动原理及清除浮动
浮动原理及清除浮动上节回顾在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...
【带着canvas去流浪（11）】Three.js入门学习笔记
[摘要] three.js 入门学习笔记示例代码托管在:http://www.github.com/dashnowords/blogs 一. 资料推荐及建议 1.官方文档很详细,但是API部分单独 ...
ES5入门 — 引入、变量、数据类型
话不多说,让我们正式开启 JS 的学习之旅! 认识 JS 你可以简单理解成 JavaScript 是因特网上最流行的脚本语言,它存在于全世界所有的Web浏览器中,能够增强用户与Web站点和Web应用程 ...
JavaScript基础之三JavaScript变量和数据类型
1. JavaScript变量和数据类型 1.0 js变量和数据类型在我们平时开发中,使用最多的并不是固定的数据, 而是会变换的数据: 比如购物车商品的数量.价格的计算等等: 比如一首歌曲播放的时间 ...

老徐WEB：js入门学习 - javascript变量的数据类型

老徐WEB：js入门学习 - javascript变量的数据类型相关推荐

最新文章

热门文章