认识达内从这里开始

青岛达内it培训机构小编讯

一、作用域

作用域是在JS编程中必须要理解和具备的，作用域决定了变量和函数是否有权力去访问哪些数据。在Web浏览器中，全局执行环境是window对象，这也意味着所有的全局变量或者方法都是window对象的属性或方法。当一个函数在被调用的时候都会创建自己的执行环境，而这个函数中所写的代码就开始进入这个函数的执行环境，于是由变量对象构建起了一个作用域链。

var lol = '英雄联盟'; var message = function(){ var _lol = '123';

}

在这个例子中全局环境中包含了两个对象(全局环境的变量对象不算)，window.lol和window.message，而这个message函数中又包含了两个对象，它自己的变量对象(其中定义了arguments对象)和全局环境的变量对象。当这个函数开始执行时，message自己的变量对象中定义了_lol，而它的全局环境的变量对象有lol，假设在message中alert一下lol，实际上是message中包含的全局环境的变量对象.lol，于是可以访问。

var lol = '123'; var message = function(){ var lol = '456';

}

如果执行message函数alert一下lol，它的作用域是这样开始搜索的，先搜索message自己的变量对象中是否存在lol，如果有就访问并且立马停止搜索，如果没有则继续往上访问它，有lol，则访问并且立马停止搜索，以此类推一直搜索到全局环境上的变量对象，如果这里都没，那么就要报错了。

var c = '123'; var message = function(){ var g = '123'; var a = function(){ var d = '123';

}

}

在这个例子中包含有三个执行环境，全局环境，message的环境，a的环境。从这里可以看出message自身包含两个对象，自己的变量对象和全局环境中的变量对象，而函数a则包含了三个，自身的变量对象，message的变量对象和全局变量对象。

当开始执行这个函数时，在函数a中可以访问到变量g，那是因为函数a包含了message的变量对象，于是在自身没有开始搜索上一级的变量对象时发现了，于是可以访问。那么访问c的原理也是如此，当自身和上一级的message的变量对象都没有，但是全局变量对象中存在，于是访问成功。

了解这个作用域，对于Js编程是至关重要的，不然可能会出现，明明想要的预期结果是123，但是变成了456，为什么?那就是因为一级一级的搜索，可能会存在覆盖，或者搜索到别的地方就立即停止搜索了。

二、引用类型

引用类型虽然看起来和类很相似，但是它们却是不同的概念，引用类型的值，也就是对象是引用类型的一个实例。在Js中引用类型主要有Object，Array，Date，正则，Function等。

Array

在Js中数组可以存储任意的数据。创建数组可以使用构造函数的方式也可以使用字面量的形式，另外可以使用concat从一个数组中复制一个副本出来。数组本身提供了很多方法让开发者使用来操作数组。

length 数组的长度

toString 可以返回一个以，拼接的字符串，相当于是调用了下join(',')

join 可以用一个分割符来拼接成一个字符串

push 添加一个数据到数组的末端

pop 删除数组中的最后一项，有返回值

shift 删除数组的第一项，有返回值

unshift 添加一个数据到数组的首端

reverse 倒序

sort 可以传入一个排序的函数

slice 可以基于当前数组返回一个新的数组，接收两个参数，返回项的起始位置和结束位置

splice 可以传入N个参数，第一个参数表示要删除，插入或则替换的位置，第二个参数表示要删除的项数，第三个到第N个表示要插入或则替换的数据

Date

时间对象也是使用非常多的玩意，它是使用GMT时间来描述，而且时间对象是可以直接比对大小的。

1var date1 = new Date(2015,1,2); var date2 = new Date(2015,1,10); date1 < date2

常用的方法

getTime 获取时间对象的毫秒数

setTime 设置时间对象的毫秒数，会改变日期

getFullYear 获取时间对象的年(2015)

getMonth 获取时间对象的月(需要加1)

getDay 获取日期的星期几(0-6)星期天到星期六

getDate 获取日期的天数

getHours 获取当前日期的小时

getMinutes 获取当前日期的分钟数

getSeconds 获取当然日期的秒数

上面看起来都是获取，当然也有设置，只是相应的get置换成set即可。

正则表达式

在Js里正则表达式是用RegExp类型来支持的。

一般来说很少有人这么使用var xxx = new RegExp()，而是用字面量的方式，比如var xx = /[bc]/gi;像用的比较多的方法有exec用于捕获包含第一个匹配项的数组，没有则返回null。test，用于判断，如果匹配返回true，不匹配返回false。

字符串

js处理字符串有以下方法可以使用

concat 可以将一个或者多个字符串拼接起来，返回一个新的字符串

slice 接收两个参数，起始位置和结束位置，返回一个新的字符串

substr和substring和slice一样，唯一的不同是substr第二个参数是返回字符串的个数

indexOf 从头开始查询字符串，存在会返回它所在的位置，没有返回-1

lastIndexOf 从最后开始查询字符串

toUpperCase 转大写

toLowerCase 转小写

match 正则表达式使用跟exec一样

search 正则表达式使用，查询到返回一个位置，没有返回-1

replace 替换，第一个参数可以是正则表达式也可以是字符串，第二个参数是要替换的字符串

localeCompare比较字符串，如果字符串相等返回0，如果字符串的字母排在参数字符串之前，返回负数，如果是之后，返回正数。

三、函数

函数主要有以下几个概念

它可以当值来传递，没有重栽。

声明的时候，比如function a(){} var a = function(){} 执行时会有区别

函数内部的参数arguments包含了传入的所有参数

this，表示在这个函数内的作用域，以及prototype

匿名函数和闭包

匿名函数又叫拉姆达函数，主要是在把函数当值传递的时候用，或者是把函数当返回值，比如：

View Code

其实第二种方式跟闭包的意义一样了，所谓的闭包书面的解释是可以访问另一个函数作用域内变量的函数，稍微改写一下可能会更明显。

View Code

从这里可以看出来return的函数可以访问到name，而外部却不行，这个返回值的函数就可以理解为闭包。理解闭包还可以看一个经典的求值的例子。

View Code

从这个例子上来看，我们想得到的结果是10次循环a[i]保存着一个闭包，然后alert出从0到10，但是结果很出人意料，全部是10，为什么?哪里理解的不对呢?a[i]明明是内部函数，然后让它访问另外一个函数作用域内的变量i。

个人觉得可以这样去分析问题，在客户端执行Js时有一个全局执行环境，指向的是window对象。而所谓的对象也就是引用类型，实际上在后台执行环境中，它就是一个指针。

回到Js当代码在执行的时候，会创建变量对象并且构建一个作用域链，而这个对象保存着当前函数可以访问的对象。

View Code

什么是传参?按值传递，相当于是在那个立即执行的函数中创建了一个新的地址和空间，虽然值是一样的，但是每一个k又是不同的，所以得到的结果正好满足了我们的预期。

本来正常情况下save_i执行完毕后就要销毁，但是内部的闭包被包含在这个作用域内了，所以save_i没法销毁，从这里可以看的出来闭包会带来内存的问题，因为用完之后没法销毁，如果不注意的话。

那么用完之后只能设置为null来解除引用，等着自动销毁把内存回收。

四、Object

JavaScript的所有对象都衍生于Object对象，所有对象都继承了Object.prototype上的方法和属性，虽然它们可能会被覆盖，熟悉它对于编程能起到很大的作用，也能比较深刻的了解JavaScript这门语言。

创建一个对象可以使用new，也可以使用快速创建的方式：

1var _object = {};

_object对象中就可以使用Object.prototype中所有的方法和属性，虽然看起来它是空的。说到这里在编程中常常有一个非常有用的需求，如何判断一个对象是空对象。