JavaScript学习(一)

我的方向主要是Java后端开发，但是工作中也需要在接触到JavaScript语言。我对JavaScript的认识仅仅知道基本的语法，能看懂语句所要实现的功能，真要自己动手用JavaScript实现一些功能还是比较吃力的。记得以前也专门花时间学过JavaScript，但后来因为用得少，又慢慢淡忘了。所以，现在准备从头学习JavaScript,并做好博客记录，以便今后需要用到相关知识的时候能够快速回忆起来。

最开始对JavaScript语言的认识，仅仅是觉得它能实现网页上动态和交互的效果，作为动态语言，代码也比较简单。但后来看了网上对JavaScript的介绍发现，它其实是一门在Web开发中的非常重要的语言，因为只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。编写高质量的JavaScript的代码更难，这点有点像Python啊，上手简单，应用广泛，但深入学习难度就比较大了。

接触JavaScript，你还会碰到这些名词：ECMAScript、ES6等，那时候没有关注，觉得能用JavaScript实现想要的功能就行，正好趁现在来解释一下：

ECMAScript:几个公司联合ECMA（European Computer Manufacturers Association）组织定制的JavaScript语言的标准，而JavaScript就是针对ECMAScript标准的一种实现。其实是网景公司先推出了JavaScript语言，然后为了让它成为全球标准，再推出了ECMAScript标准。如果你遇到ECMAScript这个词，简单把它替换为JavaScript就行。

ES6：最新版的ECMAScript标准，ECMAScript 6，简称ES6。在2015年6月正式发布，讲到JavaScript的版本，实际上就是说它实现了ECMAScript标准的哪个版本。

介绍完概念以后，再来看看JavaScript的基本语法。其实写到这里，有一种感觉就是当你有了某种语言的编程基础以后，再学习另一种语言就不会是像以前那样真正地从零开始学，你会去关注这个语言是怎么声明变量的，它的变量类型有哪些定义，逻辑语句是怎么写的等等。

//声明变量，动态语言不用声明变量的类型，程序会自动进行判断
var x = 1;

//条件判断,为了代码美观需要注意缩进
if( 2 > 1 ){
    x=2;
}

//行注释

/*
多行注释
*/

数据类型

Number

JavaScript不区分整数和浮点数，统一用Number表示，如：

23; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

Number可以直接做四则运算，规则和数学一致。

字符串

字符串是以单引号'或双引号"括起来的任意文本，如'abc'，"xyz"。值得注意的一个点是，''或""本身只是一种表示方式，不是字符串的一部分，因此，字符串”"’''abc'只有a，b，c这3个字符。

布尔值

一个布尔值只有true、false两种值，要么是true，要么是false，可以直接用true、false表示布尔值，也可以通过布尔运算计算出来。说到布尔值，就要提到运算符：与运算&&、或运算||、非运算！、比较运算符>、>=、==、===等。

这里值得强调的一点是：JavaScript允许对任意数据类型做比较，JavaScript在设计时，有两种比较运算符：

第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；

第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。

由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

另一个例外是NaN这个特殊的Number与所有其他值都不相等，包括它自己：

NaN===NaN; //false

唯一能判断NaN的方法是通过isNaN()函数：

isNaN(NaN); //true

最后要注意浮点数的相等比较：

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

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

null和undefined

null表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。

JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。

数组

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

[1, 2, 3.14, 'Hello', null, true];

另一种创建数组的方法是通过Array()函数实现：

new Array(1, 2, 3); // 创建了数组[1, 2, 3]

数组的元素可以通过索引来访问。请注意，索引的起始值为0。

对象

JavaScript的对象是一组由键-值组成的无序集合，例如：

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};

JavaScript对象的键都是字符串类型，值可以是任意数据类型。

要获取一个对象的属性，我们用对象变量.属性名的方式：

person.name; // 'Bob'
person.zipcode; // null

变量

变量在JavaScript中就是用一个变量名表示，变量名是大小写英文、数字、$和_的组合，且不能用数字开头。变量名也不能是JavaScript的关键字，如if、while等。申明一个变量用var语句，比如：

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

在JavaScript中，使用等号=对变量进行赋值。可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同类型的变量，但是要注意只能用var申明一次。

这种变量本身类型不固定的语言称之为动态语言，与之对应的是静态语言。静态语言在定义变量时必须指定变量类型，如果赋值的时候类型不匹配，就会报错。这就是动态语言灵活性的体现，但是一旦代码复杂以后，变量没有经过严格的类型检查，就容易出Bug。

strict模式

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

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

在同一个页面的不同的JavaScript文件中，如果都不用var申明，恰好都使用了变量i，将造成变量i互相影响，产生难以调试的错误结果。

使用var申明的变量则不是全局变量，它的范围被限制在该变量被申明的函数体内，同名变量在不同的函数体内互不冲突。

为了修补JavaScript这一严重设计缺陷，ECMA在后续规范中推出了strict模式，在strict模式下运行的JavaScript代码，强制通过var申明变量，未使用var申明变量就使用的，将导致运行错误。

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

'use strict';

这是一个字符串，不支持strict模式的浏览器会把它当做一个字符串语句执行，支持strict模式的浏览器将开启strict模式运行JavaScript。

以上内容参考廖雪峰老师的JavaScript全栈教程。