07/27~08/02周报

【本周任务】
学习JS前七章
1.JS特点
解释性语言、单线程（同一时间只能完成一项）
2.JS数据类型
原始值（stack栈内存，先进后出）：Number、Boolean、String、Undefine、Null
引用值（heap堆内存）：array、object、function…
3.在html中使用JavaScript（在< /body >标签前）
直接嵌入

<script type="text/javascript"> 
function sayHi(){ 
alert("Hi!"); 
} 
</script> 
外部文件
<script type="text/javascript" src="example.js"></script> 

基本概念

1.类似C语言，区分大小写
标识符：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）； 其他字符可以是字母、下划线、美元符号或数字。采用驼峰大小写格式（myCar）。不能是关键字、保留字、true、false和null。
2.注释方法同C语言（//）或（/* */）。
3.语句同C语言，以；结尾或}结尾
4.变量：
（1）定义变量： var car;
（2）定义+初始化： var car = “my”;
（3）省略var可以定义全局变量，但不推荐
（4）可以使用一条语句定义多个变量，且因为ECMAScript是松散类型，使用不同类型初始化变量的操作可以放在一条语句中来完成。

var message = "hi", 
found = false, 
age = 29; 

5.数据类型
（1）基本数据类型：Undefined、Null、Boolean、Number、String。
（2）复杂数据类型：object
（3）typeof操作符：用于检测给定变量的数据类型

var message = "some string"; 
alert(typeof message); // "string" 

（5）Undefined类型
在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined。不存在需要显式地把一个变量设置为 undefined 值。
（6）Null类型
null 值表示一个空对象指针。

var car = null; 
alert(typeof car); // "object" 

如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为 null 而不是其他值。这样一来，只要直接检查 null 值就可以知道相应的变量是否已经保存了一个对象的引用。

if (car != null){ 
// 对 car 对象执行某些操作 
} 

（7）Boolean类型
只有两个字面值：true 和 false。（区分大小写）要将一个值转换为其对应的 Boolean 值，可以调用转型函数 Boolean()。
转换规则：
数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 “”（空字符串）
Number 任何非零数字值（包括无穷大） 0和NaN
Object 任何对象 null
Undefined n/a（不适用） undefined
（8）Number类型
支持十进制、八进制和十六进制（同C语言）
浮点数计算精度不如整数，因此

if (a + b == 0.3){ // 不要做这样的测试！ 
alert("You got 0.3."); 
} 

NaN，非数值，不会抛出错误。
IsNaN()函数确定参数是否“不是数值”
Number（）函数、parseInt（函数）、parsefloat（）函数数值转换
（9）string类型
toString()函数（不能转换null和undefined）、String（）函数为字符串转换函数。
6.操作符
（1）递增递减操作符
（2）按位非、按位与、按位或、按位异或、左移、右移
（3）逻辑非、逻辑与、逻辑或
（4）乘法、除法、求模
（5）加法、减法
（6）关系操作符
（7）相等与不相等、全等和不全等
（8）条件操作符
（9）赋值操作符
（10）逗号操作符
7.语句
1）if
（2）do-while
（3）while
（4）for（于 ECMAScript 中不存在块级作用
域，因此在循环内部定义的变量也可以在外部访问到）
（5）for-in
如果表示要迭代的对象的变量值为 null 或 undefined，for-in 语句不执行循环体。
（6）label（可以在代码中添加标签）
一般都要与 for 语句等循环语句配合使用，由 break 或 continue 语句引用，跳出指定循环。
（7）break和continue
（8）with（将代码的作用域设置到一个特定的对象中）
（9）switch
switch 语句中使用任何数据类型（在很多其他语言中只能使用数值），无论是字符串，还是对象都没有问题。每个 case 的值不一定是常量，可以是变量，甚至是表达式。比较时使用全等操作符，不会发生类型转换。
8.函数
（1）参数
ECMAScript 函数不介意传递进来多少个参数，也不在乎传进来参数是什么数据类型。函数参数是以一个包含零或多个值的数组的形式传递的。在函数体内可以通过 arguments 对象来访问这个参数数组，从而获取传递给函数的每一个参数。
（2）没有重载
如果在 ECMAScript 中定义了两个名字相同的函数，则该名字只属于后定义的函数

变量、作用域和内存问题

1.两种类型：基本类型和引用类型（可以为其添加属性和方法，也可以改变删除其属性和方法，动态地添加属性）
2.动态的属性:引用类型的值，我们可以为其添加属性和方法，也可以改变和删除其属性和方法,不能给基本类型的值添加属性
3.复制变量：复制基本类型的值，复制后互不影响，复制引用类型的值时，改变一个变量，另一个就会受到影响
4.传递函数：ECMAScript 中所有函数的参数都是按值传递的。
5.检测类型（instanceof 操作符）：alert(person instanceof Object); // 变量 person 是 Object 吗？
6.执行环境及作用域
在局部作用域中定义的变量可以在局部环境中与全局变量互换使用，每个环境都 可以向上搜索作用域链，以查询变量和函数名；但任何环境都不能通过向下搜索作用域链而进入另一个 执行环境。
7.延长作用域链
try-catch 语句的 catch 块；
with 语句。
8.JavaScript 没有块级作用域，使用 var 声明的变量会自动被添加到最接近的环境中。在函数内部，最接近的环境就是函数的局部环境；在 with 语句中，最接近的环境是函数环境。如果初始化变量时没有使用 var 声明，该变量会自动被添加到全局环境。在初始化变量之前，一定要先声明。
9.查询标识符
搜索过程从作用域链的前端开始，向上逐级查询与给定名字匹配的标识符。如果在局部环境中找到
了该标识符，搜索过程停止，变量就绪。如果在局部环境中没有找到该变量名，则继续沿作用域链向上搜索。搜索过程将一直追溯到全局环境的变量对象。
10.JavaScript 具有自动垃圾收集机制
垃圾收集：标记清除和引用计数（循环引用会出现问题）
11.管理内存：一旦数据不再有用，最好通过将其值设置为 null 来释放其引用，这个做法叫做解除引用，解除一个值的引用并不意味着自动回收该值所占用的内存。解除引用的真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其回收。
12.执行环境有全局执行环境和函数执行环境之分
13.基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中，引用类型的值是对象，保存在堆内存中。

引用类型

引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。
1.object类型
（1）创建方法：第一种是使用 new 操作符后跟 Object 构造函数，第二种是使用对象字面量表示法（推荐使用）。

var person = { 
name : "Nicholas", 
age : 29 
}; 

（2）访问对象属性：一般来说，访问对象属性时使用的都是点表示法，这也是很多面向对象语言中通用的语法。不过，在 JavaScript 也可以使用方括号表示法来访问对象的属性。在使用方括号语法时，应该将要访问的属性以字符串的形式放在方括号中。方括号语法的主要优点是可以通过变量 来访问属性。如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，也可以使用方括 号表示法。
2.Array类型
（1）创建方法：第一种是使用 Array 构造函数，第二种是使用数组字面量表示法。

var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
var values = [1,2,]; // 不要这样！这样会创建一个包含 2 或 3 项的数组 
var options = [,,,,,]; // 不要这样！这样会创建一个包含 5 或 6 项的数组

（2）Length属性（返回数组长度）
数组的 length 属性很有特点——它不是只读的，可以从数组的末尾移除项或向数组中添加新项。
（3）数组最多可以包含 4 294 967 295 个项
（4）检测数组

if (Array.isArray(value)){ 
//对数组执行某些操作 
} 

（5）转换方法
toString()、toLocaleString()、join()
（6）栈方法（后进先出）
push()末尾接收和 pop()末尾移出，返回移出项
（7）队列方法（先进先出）
shift()首项移出，返回移出项和 push()方法
unshift()在数组前端添加任意个项并返回新数组的长度和pop（）
（8）重排序方法
reverse()反转数组项的顺序和 sort()
排序：

Function compare(value1,value2)
{
If(value1<value2)
{
   Return -1;
}	
If(value1>value2)
{
   Return 1;
}
else{
   Return 0;
}
}

Var values=[0,1,5,10,15];
Values.sort(compare);
Alert(values);   //0,1,5,10,15

(9)操作方法
concat()创建当前数组的副本
slice()基于当前数组中的一或多个项创建一个新数组
splice()三个参数，第一个指定位置，第二个删除个数，第三个要插入的项，返回值是数组是删除的项
（9）位置方法
indexOf()从前往后和 lastIndexOf()从后往前，都有两个参数，第一个是查找项，第二个是查找起点
（10）迭代方法
every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true。
filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。
map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
some()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。

var numbers = [1,2,3,4,5,4,3,2,1]; 
var everyResult = numbers.every(function(item, index, array){ 
return (item > 2); 
}); 
alert(everyResult); //false 

（11）归并方法
reduce()从前到后和 reduceRight()从后到前

var values = [1,2,3,4,5]; 
var sum = values.reduce(function(prev, cur, index, array){ 
return prev + cur; 
}); 
alert(sum); //15

3.Date类型
（1）创建方法：var now = new Date()
4.RegExp类型
（1）字面量形式定义正则表达式：

var expression = / pattern / flags ; 

Flag：
g：表示全局（global）模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即
停止；
i：表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写；
m：表示多行（multiline）模式，即在到达一行文本末尾时还会继续查找下一行中是否存在与模
式匹配的项。
与其他语言中的正则表达式类似，模式中使用的所有元字符都必须转义。正则表达式中的元字符包括：
( [ { \ ^ $ | ) ? * + .]}

/* 
* 匹配所有以"at"结尾的 3 个字符的组合，不区分大小写 
*/ 
var pattern3 = /.at/gi; 
/* 
* 匹配所有".at"，不区分大小写 
*/ 
var pattern4 = /\.at/gi; 

（2）RegExp 构造函数创建正则表达式，两个参数，一个是要匹配的字符串模式，第二个是可选的标志字符串，转义时需要双重转义\
var pattern2 = new RegExp("[bc]at", "i");
5.Function类型（函数）
（1）使用不带圆括号的函数名是访问函数指针，而非调用函数。
（2）没有重载

function addSomeNumber(num){ 
return num + 100; 
} 
function addSomeNumber(num) { 
return num + 200; 
} 
var result = addSomeNumber(100); //300 

后面的函数覆盖了前面的函数
（3）函数声明
函数声明与函数表达式的语法其实是等价的

alert(sum(10,10)); 
function sum(num1, num2){   //函数声明，此处不能将function赋给sum变量
return num1 + num2; 
} 

（4）函数名本身就是变量，可以作为值进行传递，函数的嵌套
（5）使用 arguments.callee，完成递归调用，不用引用函数名
（6）this 值（引用的是函数据以执行的环境对象，当在网页的全局作用域中调用函数时，this 对象引用的就是 window）
（7）length 属性表示函数希望接收的命名参数的个数
（8）apply()和 call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值。
（9）bind()。这个方法会创建一个函数的实例，其 this 值会被绑定到传给 bind()函数的值。
6.基本包装类型
（1）Boolean类型

var falseObject = new Boolean(false); 
var result = falseObject && true; 
alert(result); //true 

示例中的这行代码是对falseObject 而不是对它的值（false）进行求值。前面讨论过，布尔表达式中的所有对象都会被转换为 true，因此 falseObject 对象在布尔表达式中代表的是 true。

var falseValue = false; 
result = falseValue && true; 
alert(result); //false 

（2）Number类型
toString()方法传递一个表示基数的参数，告诉它返回几进制数值的字符串形式。
toFixed()方法会按照指定的小数位返回数值的字符串表示。
toExponential()e表示法
toPrecision()方法可能会返回固定大小（fixed）格式，根据参数而定
（3）String类型
var stringObject = new String(“hello world”);
属性：length长度
a.字符
charAt()访问特定字符返回字符
charCodeAt()访问特定字符返回字符编码
b.字符串
concat()用于将一或多个字符串拼接起来，可以接受多个参数（与+同）
两个参数，第一个参数是开始位置
slice()第二个参数是结束位置
substr()第二个参数是结束位置
substring()第二个参数返回个数
slice()方法会将传入的负值与字符串的长度相加，substr()方法将负的第一个参数加上字符串的长度，而将负的第二个参数转换为 0。最后，substring()方法会把所有负值参数都转换为 0。

var stringValue = "hello world"; 
alert(stringValue.slice(-3)); //"rld" 
alert(stringValue.substring(-3)); //"hello world" 
alert(stringValue.substr(-3)); //"rld" 
alert(stringValue.slice(3, -4)); //"lo w" 
alert(stringValue.substring(3, -4)); //"hel" 
alert(stringValue.substr(3, -4)); //""（空字符串）

c.字符串位置方法（可选的第二个参数，表示从字符串中的哪个位置开始搜索）
indexOf()从头和 lastIndexOf()从尾
d.trim()方法，删除前缀和后缀空格
e.转换大小写
toLowerCase()toLocaleLowerCase()小写
toUpperCase()和 toLocaleUpperCase()大写
f.字符串模式的匹配方法
match()本质上与调用 RegExp 的 exec()方法相同
search()一个参数与 match()方法的参数相同：由字符串或 RegExp 对象指定的一个正则表达式
replace()两个参数：第一个参数可以是一个 RegExp 对象或者一个字符串（这个字符串不会被转换成正则表达式），第二个参数可以是一个字符串或者一个函数。
split()（分隔符）方法可以接受可选的第二个参数，用于指定数组的大小
g.字符串比较
localeCompare()
h.fromCharCode()。这个方法的任务是接收一或多个字符编码，然后将它们转换成一个字符串。
7.Globa对象
8.Math对象

对象

1.属性类型：数据属性和访问器属性，分别有四个特征，改变特征用
Object.defineProperty()方法。

var person = {}; 
Object.defineProperty(person, "name", { 
configurable: false, 
value: "Nicholas" 
}); 
alert(person.name); //"Nicholas" 
delete person.name; 
alert(person.name); //"Nicholas" 

2.Object.defineProperties()方法，定义多个属性。两个参数，一个是要添加和修改属性的对象，另一个是属性。
3.Object.getOwnPropertyDescriptor()，读取属性特征。
4.构造函数，为了避免产生重复代码，可以采用工厂模式和构造函数模式。

function createPerson(name, age, job){ 
var o = new Object(); 
o.name = name; 
o.age = age; 
o.job = job; 
o.sayName = function(){ 
alert(this.name); 
}; 
return o; 
} 
var person1 = createPerson("Nicholas", 29, "Software Engineer"); 
var person2 = createPerson("Greg", 27, "Doctor"); 

function Person(name, age, job){ 
this.name = name; 
this.age = age; 
this.job = job; 
this.sayName = function(){ 
alert(this.name); 
}; 
} 
var person1 = new Person("Nicholas", 29, "Software Engineer"); 
var person2 = new Person("Greg", 27, "Doctor"); 

5.原型模式，使用构造函数的 prototype 属性来指定那些应该共享的属性和方法。组合使用构造
函数模式和原型模式时，使用构造函数定义实例属性，而使用原型定义共享的属性和方法。
6.原型式继承，可以在不必预先定义构造函数的情况下实现继承，其本质是执行对给定对象的浅
复制。而复制得到的副本还可以得到进一步改造。
7.寄生式继承，与原型式继承非常相似，也是基于某个对象或某些信息创建一个对象，然后增强
对象，最后返回对象。为了解决组合继承模式由于多次调用超类型构造函数而导致的低效率问
题，可以将这个模式与组合继承一起使用。
8.寄生组合式继承，集寄生式继承和组合继承的优点与一身，是实现基于类型继承的最有效方式。

函数

1.函数表达式不同于函数声明。函数声明要求有名字，但函数表达式不需要。没有名字的函数表
达式也叫做匿名函数。
2.在无法确定如何引用函数的情况下，递归函数就会变得比较复杂；
3.递归函数应该始终使用 arguments.callee 来递归地调用自身，不要使用函数名——函数名可
能会发生变化。当在函数内部定义了其他函数时，就创建了闭包。闭包有权访问包含函数内部的所有变量。在后台执行环境中，闭包的作用域链包含着它自己的作用域、包含函数的作用域和全局作用域。
4.函数的作用域及其所有变量都会在函数执行结束后被销毁。
5.当函数返回了一个闭包时，这个函数的作用域将会一直在内存中保存到闭包不存在为止。使用闭包可以在 JavaScript 中模仿块级作用域。
6.即使 JavaScript 中没有正式的私有对象属性的概念，但可以使用闭包来实现公有方法，而通过公
有方法可以访问在包含作用域中定义的变量。
7.有权访问私有变量的公有方法叫做特权方法。
8.可以使用构造函数模式、原型模式来实现自定义类型的特权方法，也可以使用模块模式、增强的模块模式来实现单例的特权方法。