转眼间学习千锋Web前端培训二阶段的课程已经一个月了，我感受到了JS明显比一阶段的HTML和CSS基础难多了。但JS比较有意思，可以实现好多功能。JS函数部分也算是JS重要知识点，好多地方都会用到函数，写一个函数很容易，但写好一个函数，要是理解不到位的话，也是很困难的，就像博客里一些大牛写的代码，完全看不懂!所以说，基础还得掌握牢固。接下来我简单举个例子，给大家分享一下函数中的作用域问题。

　　1、作用域的定义：变量或者函数起作用的范围(能够被访问到的区域)

　　2、作用域的分类：全局作用域&局部作用域

　　全局作用域特点：1)最外层函数和最外层函数外通过var来定义的变量;2)在函数内不通过var来定义的变量(function(){ a=10;})a是全局变量;3)window对象的属性和方法(alert())。

　　局部：在es5中函数是七分全局个局部唯一的代码块。特点：1)在函数内通过var定义的变量以及内部定义的函数;2)函数的参数具有局部作用域。

　　再者就是声明提升，JS代码运行有两步，预编译和编译，预编译阶段会把函数和声明的变量提升到代码顶部。数组和字符串的方法，有些是重复的，有些容易记混淆，一定要区分记忆。

　　ES5新增的数组和字符串方法：

　　1.indexOf: 数组.indexOf(元素) 查找到就返回元素下标，查找不到就返回-1

　　2.forEach: 数组.forEach(function(item,index,array){ item:当前遍历到的元素;index：当前遍历到的下标;array：当前数组}) arr.forEach(alert)

　　3.map:映射，遍历->操作->返回 数组.map(function(item,index,array){return item+2})

　　4.filter: 过滤，数组.filter(function(item,index,array){return item>一个值})找出大于这个值的元素。

　　5.some: 判断return后面条件是否成立，如果成立返回ture，否则返回false，如果匹配成功则返回true，后面就不再进行遍历。(只要有一个成立就返回true)arr.some(function(item,index,array){return item>一个值})

　　6.every: 跟some一样，但这个必须全部成立才返回true

　　7.reduce:对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。arr.reduce(function(pre,next,index,array){pre:上一次遍历return后面的值;next：当前遍历到的元素})

　　字符串的方法：

　　1.replace() 字符串.replace(匹配的字符串，替换的字符串)

　　2.slice() 字符串.slice(start.end)不包括end位

　　2.substring() 字符串.substring(start,end);不包括end位(位置可以互换)

　　3.substr() 字符串.substr(开始位，截取长度)

　　3.split 字符串.split(分隔符) 分割成数组

　　在一个就是事件部分的知识：

　　scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。

　　clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 (width+padding)

　　offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。该属性和其内部的内容是否超出元素大小无关，只和本来设定的border以及width和height有关 (width+padding+border)

　　//获取事件源

　　var _target = evt.target || evt.srcElement;

　　console.log(_target,this);

　　//阻止冒泡:

　　evt.stopPropagation();

　　evt.cancelBubble = true;

　　if(evt.stopPropagation){

　　evt.stopPropagation();

　　}else{

　　evt.cancelBubble = true;

　　}

　　//阻止默认行为:

　　return false;

　　e.preventDefault();

　　e.returnValue=false;

　　以上就是我对这一个月学习内容的一个小总结，在接下来的时间我会继续努力!

上一篇

千锋Web前端培训学员分享HTML5基础知识点

下一篇

千锋Web前端培训学员分享 JS知识点及学习方法