ES6、7学习笔记（尚硅谷）-1-ES5的一些

1. 严格模式

• 运行模式: 正常(混杂)模式与严格模式
• 应用上严格式: ‘strict mode’;写在script的第一行
• 作用:
  • 使得Javascript在更严格的条件下运行
  • 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为
  • 消除代码运行的一些不安全之处，保证代码运行的安全
  • 需要记住的几个变化
    • 声明定义变量必须用var
    • 禁止自定义的函数中的this关键字指向全局对象
    • 创建eval作用域, 更安全
    • 对象不能重名

<script type="text/javascript">
		    "use strict"
			a=4   //报错
			var a=4  
		</script>

2. JSON对象

• 作用: 用于在json对象/数组与js对象/数组相互转换
• JSON.stringify(obj/arr)
  js对象(数组)转换为json对象(数组)–string
• JSON.parse(json)
  json对象(数组)转换为js对象(数组)–Object

3. Object扩展

Object.create(prototype[, descriptors]) : 创建一个新的对象
* 以指定对象为原型创建新的对象
* 指定新的属性, 并对属性进行描述
* value : 指定值
* writable : 标识当前属性值是否是可修改的, 默认为false
*configurable:标识当前属性值是否是可删除的, 默认为false
*enumerable:标识当前属性值是否可以用for in枚举的, 默认为false

<script type="text/javascript">
		    var obj={username:"damu",age:30}
			var obj1={}
			obj1=Object.create(obj)  //让obj1的原型对象变成指定的那个
			console.log(obj1)
		</script>

接着给自己添加属性
需要注意的是，属性是添加在自己那里的。

<script type="text/javascript">
		    var obj={username:"damu",age:30}
			var obj1={}
			obj1=Object.create(obj,{sex:{
				value:"女",
				writable:true,
				configurable:true
				
			}})  //让obj1的原型对象变成指定的那个
			obj1.sex="男"
			console.log(obj1)
		</script>

Object.defineProperties(object, descriptors) : 为指定对象定义扩展多个属性
* get方法* : 用来得到当前属性值的回调函数
* set方法* : 用来监视当前属性值变化的回调函数

4，数组的扩展

• Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
• Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
• Array.prototype.forEach(function(item, index){}) : 遍历数组,传参item和index，执行函数{}
• Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组,返回的是加工之后的值
• Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组，遍历过滤出一个新的子数组， 返回条件为true的值

 var arr = [1, 4, 6, 2, 5, 6];
    console.log(arr.indexOf(6));//2
    //Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
    console.log(arr.lastIndexOf(6));//5

    //Array.prototype.forEach(function(item, index){}) : 遍历数组
    arr.forEach(function (item, index) {
        console.log(item, index);
    });

    //Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组，返回加工之后的值
    var arr1 = arr.map(function (item, index) {
        return item + 10
    });
    console.log(arr, arr1);

    //Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组， 返回条件为true的值
    var arr2 = arr.filter(function (item, index) {
        return item > 4
    });
    console.log(arr, arr2);

5. Function扩展

• Function.prototype.bind(obj)
  • 将函数内的this绑定为obj, 并将函数返回
• 面试题: 区别bind()与call()和apply()?
  • fn.bind(obj) : 指定函数中的this, 并返回函数
  • fn.call(obj) : 指定函数中的this,并调用函数

1. Function.prototype.bind(obj) :
  * 作用: 将函数内的this绑定为obj, 并将函数返回
2. 面试题: 区别bind()与call()和apply()?
  * 都能指定函数中的this
  * call()/apply()是立即调用函数
  * bind()是将函数返回，并没有调用，想要立即执行还需要加一个（）
 //也就是说bind使用时加个（）就和call一样了！
-->
<script type="text/javascript">
    function fun(age) {
        this.name = 'kobe';
        this.age = age;
        console.log('dddddddddddddd');
    }
    var obj = {};
    fun.bind(obj, 12)();  //等价于fun.call(obj, 12)
    console.log(obj.name, obj.age);


</script>