[JavaScript] (Day-02) - 数据类型和变量

It is our choices that show what we truly are, far more than our abilities. 决定我们一生的,不是我们的能力,而是我们的选择。

基本语法

JavaScript 的语法和 Objective-C 语言类似,每个语句以;结束,语句块用{...}
但是,JavaScript 并不强制要求在每个语句的结尾加;,但为了代码规范,建议都语句末加上;


数据类型

不同的数据,需要定义不同的数据类型
在JavaScript中定义了以下几种数据类型:

Number

JavaScript不区分整数和浮点数,统一用Number表示

以下都是合法的Number类型:

666;   // 整数:666
-99;  // 负数:-99
3.1415926  // 浮点数:3.1415926
NaN;      // NaN表示Not a Number,当无法计算结果时用NaN表示
Infinity;  // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity

Number可以直接做四则运算(+, -, *, /, %),规则和数学一致:

1 + 2;   // 3
1 - 2;   // -1
1 * 2;   // 2
1 / 2;   // 0.5
(1 + 2) * 3 / 4;   // 2.25
2 / 0;   // Infinity
0 / 0;   // NaN
10 % 3;   // 1
10.5 % 3;   // 1.5

字符串

字符串是以单引号'或双引号"括起来的任意文本,比如'abc'"xyz"等等
具体使用单引号'还是双引号",看个人习惯吧

var name = "Mazy";
var words = "Stay foolish stay hungry";

布尔值

JavaScript 的布尔值只有truefalse两种值,和Objective-C 的布尔值(非0即真)不一样

true;   // 这是一个true值
false;  // 这是一个false值
2 > 1;  // 这是一个true值
2 >= 3; // 这是一个false值
布尔值与逻辑运算符

&&运算是与运算,只有所有都为 true,&& 运算结果才是 true:

true && true;  // 这个&&语句计算结果为true
true && false; // 这个&&语句计算结果为false
false && true && false; // 这个&&语句计算结果为false

||运算是或运算,只要其中有一个为true,||运算结果就是true:

false || false;  // 这个||语句计算结果为false
true  || false;  // 这个||语句计算结果为true
false || true || false; // 这个||语句计算结果为true

!运算是非运算,它是一个单目运算符,把true变成false,false变成true:

! true;   // 结果为false
! false;  // 结果为true
! (2 > 5); // 结果为true

condition ? a : b三目运算符,根据condition 的结果 true / false,作出二选一的操作, 如果是 true, 选择 a , 否则 选择 b

var a = 6;
var b = 8;
var c = 0;
c = a > b ? a : b // c = b

// 等价于
if (a > b) {
    c = a;
} else {
    c = b;
}

比较运算符

通过比较运算符比较两个 Number字符串 得到一个布尔值:

2 > 5;  // false
5 >= 2; // true
7 == 7; // true
"a" > "b"; // false
"abc" < "edf"; // true

JavaScript允许对任意数据类型做比较:

false == 0;  // true
false === 0; // false
"abc" < 10;  // false

备注:
==比较,它会自动转换数据类型再比较;
=== 比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。

注意浮点数的相等比较:

1 / 3 === (1 - 2 / 3); // false

浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
nullundefined

null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”;类似于 Swift用nil,Python用None;
undefined,它表示“未定义”。


数组

数组是一组按顺序排列的集合,集合的每个值称为元素。
JavaScript的数组可以包括任意数据类型。

// 创建方式一
[1, 2, 3.14, "Hello", null, true];

// 创建方式二
new Array(1, 2, 3);

出于代码的可读性考虑,强烈建议直接使用[...]


对象

JavaScript的对象是一组由键-值组成的无序集合
对象的键都是字符串类型,值可以是任意数据类型

var person = {
    name: "Eric",
    age: 21,
    childs: ["Vivian", "Angular"],
    city: 'Beijing',
    isMarry: true,
    zipcode: null
};

变量

变量不仅可以是数字,还可以是任意数据类型;
变量在JavaScript中就是用一个变量名表示;
变量名也不能是JavaScript的关键字;
变量名采用驼峰命名法。

var a; // 申明了变量a,此时a的值为undefined
var $b = 1; // 申明了变量$b,同时给$b赋值,此时$b的值为1
var s_007 = "007"; // s_007是一个字符串
var isAnswered = true; // isAnswered是一个布尔值true
var t = null; // t的值是null

可以把任意数据类型赋值给变量,同一个变量可以反复赋值,而且可以是不同类型的变量,但是要注意只能用var申明一次


strict模式

如果一个变量没有通过var申明就被使用,那么该变量就自动被申明为全局变量

i = 10; // i现在是全局变量

在strict模式下运行的JavaScript代码,强制通过var申明变量,未使用var申明变量就使用的,将导致运行错误。

启用strict模式的方法是在JavaScript代码的第一行写上:

'use strict';
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,383评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,522评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,852评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,621评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,741评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,929评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,076评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,803评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,265评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,582评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,716评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,395评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,039评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,027评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,488评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,612评论 2 350

推荐阅读更多精彩内容