字符串

字符串的定义

      字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。单引号字符串的内部，可以使用双引号。双引号字符串的内部，可以使用单引号。

如果要在单引号字符串的内部，使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义。双引号字符串内部使用双引号，也是如此。

字符串默认只能写在一行内，分成多行将会报错。如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠。

连接运算符（+）可以连接多个单行字符串，将长字符串拆成多行书写，输出的时候也是单行。如果想输出多行字符串，有一种利用多行注释的变通方法。

 

转义

反斜杠（\）在字符串内有特殊含义，用来表示一些特殊字符，所以又称为转义符。

需要用反斜杠转义的特殊字符，主要有下面这些。

\0 ：null（\u0000）

\b ：后退键（\u0008）

\f ：换页符（\u000C）

\n ：换行符（\u000A）

\r ：回车键（\u000D）

\t ：制表符（\u0009）

\v ：垂直制表符（\u000B）

\' ：单引号（\u0027）

\" ：双引号（\u0022）

\\ ：反斜杠（\u005C）

 

字符串与数组

字符串可以被视为字符数组，因此可以使用数组的方括号运算符，用来返回某个位置的字符（位置编号从0开始）。

var s = 'hello';

s[0] // "h"

如果方括号中的数字超过字符串的长度，或者方括号中根本不是数字，则返回undefined。

'abc'[3] // undefined

但是，字符串与数组的相似性仅此而已。实际上，无法改变字符串之中的单个字符。

 

length 属性

length属性返回字符串的长度，该属性也是无法改变的。但也不会报错

 

对象

概述

简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。

var obj = {

  foo: 'Hello',

  bar: 'World'

};

大括号就定义了一个对象，该对象内部包含两个键值对，第一个键值对是foo: 'Hello'，其中foo是“键名”（成员的名称），字符串Hello是“键值”（成员的值）。键名与键值之间用冒号分隔。两个键值对之间用逗号分隔。如果键名是数值，会被自动转为字符串。如果键名不符合标识名的条件（比如第一个字符为数字，或者含有空格或运算符），且也不是数字，则必须加上引号，否则会报错。都不符合标识名的条件，必须加上引号。对象的每一个键名又称为“属性”（property），它的“键值”可以是任何数据类型。如果一个属性的值为函数，通常把这个属性称为“方法”，它可以像函数那样调用。

var obj = {

  p: function (x) {

    return 2 * x;

  }

};

obj.p(1) // 2

对象的属性之间用逗号分隔，最后一个属性后面可以加逗号（trailing comma），也可以不加。其中属性可以动态创建，不必在对象声明时就指定。

 

对象的引用

如果不同的变量名指向同一个对象，那么它们都是这个对象的引用，也就是说指向同一个内存地址。修改其中一个变量，会影响到其他所有变量。

var o1 = {};

var o2 = o1;

o1.a = 1;

o2.a // 1

o2.b = 2;

o1.b // 2

代码中，o1和o2指向同一个对象，为其中任何一个变量添加属性，另一个变量都可以读写该属性。

如果取消某一个变量对于原对象的引用，不会影响到另一个变量。

var o1 = {};

var o2 = o1;

o1 = 1;

o2 // {}

上面代码中，o1和o2指向同一个对象，然后o1的值变为1，这时不会对o2产生影响，o2还是指向原来的那个对象。

但是，这种引用只局限于对象，如果两个变量指向同一个原始类型的值。那么，变量这时都是值的拷贝。

var x = 1;

var y = x;

x = 2;

y // 1

上面的代码中，当x的值发生变化后，y的值并不变，这就表示y和x并不是指向同一个内存地址。

 

 

属性的操作

属性的读取

读取对象的属性，有两种方法，一种是使用点运算符，还有一种是使用方括号运算符。

var obj = {

  p: 'Hello World'

};

obj.p // "Hello World"

obj['p'] // "Hello World"

如果使用方括号运算符，键名必须放在引号里面，否则会被当作变量处理。

var foo = 'bar';

var obj = {

  foo: 1,

  bar: 2

};

obj.foo  // 1

obj[foo]  // 2

数字键可以不加引号，因为会自动转成字符串。但数值键名不能使用点运算符（因为会被当成小数点），只能使用方括号运算符。

属性的赋值

点运算符和方括号运算符，不仅可以用来读取值，还可以用来赋值。

var obj = {};

obj.foo = 'Hello';

obj['bar'] = 'World';

上面代码中，分别使用点运算符和方括号运算符，对属性赋值。

JavaScript 允许属性的“后绑定”，也就是说，你可以在任意时刻新增属性，没必要在定义对象的时候，就定义好属性。

属性的查看

查看一个对象本身的所有属性，可以使用Object.keys方法。

var obj = {

  key1: 1,

  key2: 2

};

Object.keys(obj);

// ['key1', 'key2']

属性的删除：delete 命令

delete命令用于删除对象的属性，删除成功后返回true。删除后，若再读取p属性就会返回undefined，而且Object.keys方法的返回值也不再包括该属性。

注意，删除一个不存在的属性，delete不报错，而且返回true。上面代码中，对象obj并没有p属性，但是delete命令照样返回true。因此，不能根据delete命令的结果，认定某个属性是存在的。只有一种情况，delete命令会返回false，那就是该属性存在，且不得删除。需要注意的是，delete命令只能删除对象本身的属性，无法删除继承的属性

属性是否存在：in 运算符

in运算符用于检查对象是否包含某个属性（注意，检查的是键名，不是键值），如果包含就返回true，否则返回false。它的左边是一个字符串，表示属性名，右边是一个对象。但是它不能识别哪些属性是对象自身的，哪些属性是继承的

这时，可以使用对象的hasOwnProperty方法判断一下，是否为对象自身的属性。

var obj = {};

if ('toString' in obj) {

  console.log(obj.hasOwnProperty('toString')) // false

}

属性的遍历：for...in 循环

for...in循环用来遍历一个对象的全部属性。它不仅遍历对象自身的属性，还遍历继承的属性。举例来说，对象都继承了toString属性，但是for...in循环不会遍历到这个属性。

for (var i in obj) {

  console.log('键名：', i);

  console.log('键值：', obj[i]);

}

 

函数

概述

函数的声明

 三种声明函数的方法。

（1）function 命令

function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。

上面的代码命名了一个print函数，以后使用print()这种形式，就可以调用相应的代码。这叫做函数的声明（Function Declaration）。

（2）函数表达式

除了用function命令声明函数，还可以采用变量赋值的写法。

var print = function(s) {
  console.log(s);
};

这种写法将一个匿名函数赋值给变量。这时，这个匿名函数又称函数表达式（Function Expression），因为赋值语句的等号右侧只能放表达式。

采用函数表达式声明函数时，function命令后面不带有函数名。如果加上函数名，该函数名只在函数体内部有效，在函数体外部无效。

（3）Function 构造函数

第三种声明函数的方式是Function构造函数。

var add = new Function(
  'x',
  'y',
  'return x + y'
);

// 等同于
function add(x, y) {
  return x + y;
}

传递任意数量的参数给Function构造函数，只有最后一个参数会被当做函数体，如果只有一个参数，该参数就是函数体。

 

函数的重复声明

如果同一个函数被多次声明，后面的声明就会覆盖前面的声明。

 

 

 

函数的属性和方法

name 属性

函数的name属性返回函数的名字。如果是通过变量赋值定义的函数，那么name属性返回变量名。但是，只有在变量的值是一个匿名函数时才是如此。如果变量的值是一个具名函数，那么name属性返回function关键字之后的那个函数名。

var f3 = function myName() {};
f3.name // 'myName'

 

length 属性

函数的length属性返回函数预期传入的参数个数，即函数定义之中的参数个数。

function f(a, b) {}
f.length // 2

上面代码定义了空函数f，它的length属性就是定义时的参数个数。不管调用时输入了多少个参数，length属性始终等于2。

length属性提供了一种机制，判断定义时和调用时参数的差异，以便实现面向对象编程的“方法重载”（overload）。

toString()

函数的toString方法返回一个字符串，内容是函数的源码。函数内部的注释也可以返回。

 

函数作用域

 

函数内部可以读取全局变量v。在函数内部定义的变量，外部无法读取，称为“局部变量”。函数内部定义的变量，会在该作用域内覆盖同名全局变量。

上面代码中，变量v同时在函数的外部和内部有定义。结果，在函数内部定义，局部变量v覆盖了全局变量v。

注意，对于var命令来说，局部变量只能在函数内部声明，在其他区块中声明，一律都是全局变量。

 

数组

 定义和说明

数组（array）是按次序排列的一组值。在定义时赋值，数组也可以先定义后赋值。任何类型的数据，都可以放入数组，成员可以是对象、数组、函数。

如果数组的元素还是数组，就形成了多维数组。本质上，数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。

一个值总是先转成字符串，再作为键名进行赋值。

var a = [];

a[1.00] = 6;

a[1] // 6

代码中，由于1.00转成字符串是1，所以通过数字键1可以读取值。

数组的length属性，返回数组的成员数量。

['a', 'b', 'c'].length // 3

只要是数组，就一定有length属性。该属性是一个动态的值，等于键名中的最大整数加上1。

length属性的值总是比最大的那个整数键大1。另外，这也表明数组是一种动态的数据结构，可以随时增减数组的成员。

length属性是可写的。如果人为设置一个小于当前成员个数的值，该数组的成员会自动减少到length设置的值。

var arr = [ 'a', 'b', 'c' ];

arr.length // 3

arr.length = 2;

arr // ["a", "b"]

清空数组的一个有效方法，就是将length属性设为0，如果人为设置length大于当前元素个数，则数组的成员数量会增加到这个值，新增的位置都是空位。

当length属性设为大于数组个数时，读取新增的位置都会返回undefined。

 

值得注意的是，由于数组本质上是一种对象，所以可以为数组添加属性，但是这不影响length属性的值。

var a = [];

 

a['p'] = 'abc';

a.length // 0

 

a[2.1] = 'abc';

a.length // 0

上面代码将数组的键分别设为字符串和小数，结果都不影响length属性。因为，length属性的值就是等于最大的数字键加1，而这个数组没有整数键，所以length属性保持为0。

如果数组的键名是添加超出范围的数值，该键名会自动转为字符串。

var arr = [];

arr[-1] = 'a';

arr[Math.pow(2, 32)] = 'b';

 

arr.length // 0

arr[-1] // "a"

arr[4294967296] // "b"

上面代码中，我们为数组arr添加了两个不合法的数字键，结果length属性没有发生变化。这些数字键都变成了字符串键名。最后两行之所以会取到值，是因为取键值时，数字键名会默认转为字符串。

in 运算符

检查某个键名是否存在的运算符in，适用于对象，也适用于数组。一般不推荐使用for...in遍历数组。

数组的遍历可以考虑使用for循环或while循环。

 

数组的空位

当数组的某个位置是空元素，即两个逗号之间没有任何值，我们称该数组存在空位（hole）。

var a = [1, , 1];

a.length // 3

上面代码表明，数组的空位不影响length属性。如果最后一个元素后面有逗号，并不会产生空位。也就是说，有没有这个逗号，结果都是一样的。数组的空位是可以读取的，返回undefined。使用delete命令删除一个数组成员，会形成空位，并且不会影响length属性。

数组的某个位置是空位，与某个位置是undefined，是不一样的。如果是空位，使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历，空位都会被跳过。如果某个位置是undefined，遍历的时候就不会被跳过。