JavaScript 从零开始首页投稿(暂停使用,暂停投稿)

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

2017-06-20  本文已影响28人  已重置2020
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';
上一篇下一篇

猜你喜欢

热点阅读