JS笔记15（ES5的数组API&块级作用域&箭头函数）

一、ES5保护对象

        1、对象属性的四大特性

        对象的每个属性都有四大特性：

                value: "名字",//实际保存值的地方
                 writable: true, //开关：是否可以被修改
                 enumerable: true, //开关：是否可以被 for in 循环遍历到
                 configurable: true //开关：是否可以被删除

        2、修改四大特性：

                  Object.definedProperties(obj,{
                    "属性名":{四大特性},
                    ...
                  })

        3、简化四大特性的操作:

                1、防扩展：Object.preventExtensions(属性名)

                2、密封-防添加和删除：Object.seal(属性名)

                3、冻结-防添加删除和修改：Object.freeze(属性名)

二、ES5数组的新API-三组6个

        这6个api都简化了for循环的操作

        1、判断：every&some

                var 返回的是布尔值=arr.every(function(v,i,a){return 判断条件；})

                全部满足才为true，类似于&&

                var 返回的是布尔值=arr.every(function(v,i,a){return 判断条件；})

                只要有一个满足就为true，类似于||

        2、遍历forEach&map

                arr.forEach(function(v,i,a)){操作}；会直接修改原数组

                var newArr=arr.map(function(v,i,a){return 操作})；不会修改原数组，返回一个新的

        forEach循环里面的操作直接修改原数组
        var arr1=[1,2,3,4,5];
        arr1.forEach((v,i,a)=>{
        console.log(v)
        console.log(i)
        console.log(a[i])
        a[i]+=v+v;
        }) 
        console.log(arr1)
        map循环不会修改原数组，需要把结果返回出去
        var newArr=arr1.map(v=>{
        console.log(v)
        return v+v;           
        })
        console.log(newArr)

        3、过滤和汇总

                过滤:var subArr=arr.filter(function(v,i,a){return 判断条件})：会把满足条件的过滤出来成为一个新数组。

                汇总：var result=arr.reduce(function(prev,v,i,a){return prev+v},这里可以加个基础值)

三、ES5根据父对象创建子对象Object.create()

        var child=Object.create(父对象,{});可以在后续添加它的属性       

var chlid=Object.create(Array);
        console.log(chlid)
        chlid.qq="mht";
        chlid.money=999999999999;
        chlid.js=function(){
            return console.log(2)
        }
        chlid.prototype.zzz="ccc"
        console.log(chlid)
        console.log(chlid.js)
        console.log(Array.prototype)

四、ES5借调函数

        1、call&apply：临时替换了函数中this的指向，立刻调用函数

                函数名.call(借用的对象，传入的实参1，..)

                函数名.apply(借用的对象，[传入的实参1，...])----apply会打散传入的数组实参

        2、bind：永久的替换了函数中this的指向

                1、创建了一个和原函数完全相同的新 函数，

                2、将新函数中的this永久绑定了指定对象-不能在改变

                3、将新函数中部分参数永久固定

                var newName=函数名.bind(指定对象，永久实参)；bind绑定的函数没有办法被call和apply借走

		<script type="text/javascript">
			function calc(base,bonus1,bonus2){
				console.log(this);
				return this.name1+"工资为"+(base+bonus1+bonus2);
			}
			
			var xwd={"name1":"王家"};
			var lyt={"name1":"按期"};
			
			
			var xwd_calc=calc.bind(xwd,10000);
			//王家的，并且会永久多传一个10000进去
			console.log(xwd_calc(2000,3000));
			//还是王家的                                                还要+10000
			console.log(xwd_calc.apply(lyt,[5000,6000,7000]));

        固定的三个用法：

        查找数组里最大值或最小值：Math.max/min.apply(Math,arr)

        查看数据类型：Object.prototype.toString.call/apply(**)

        将类数组转为普通数组：var newName=Array.prototype.slice.call/apply(类数组)

五、ES5严格模式

            开启："use strict";//写在任何一个作用域的顶部都可以
            作用：1、禁止给未声明的变量赋值
             2、将静默失败升级为了错误

六、ES6新

        1、模板字符串：简化字符串拼接的操作

                `文字或单位${变量名等}文字或单位`

       2、块级作用域：

        可以代替var：禁止了声明提前；记录着鼠标触发事件元素的下标；添加了块级作用域，外面就用不到了相当于局部变量。

        3、箭头函数：

        所有的回调函数都可以省略为箭头函数：function省略，在()和{}之间添加=>，如果形参只有一个()省略，如果函数体只有一句话，省略{}；如果函数体只有一句话并且是return，那么省略{}和return。