ES5_6_7学习笔记(一) ES5的一些特性

严格模式

1. 理解:
   
   • 除了正常运行模式(混杂模式)，ES5添加了第二种运行模式：”严格模式”（strict mode）。
   • 顾名思义，这种模式使得Javascript在更严格的语法条件下运行
2. 目的/作用
   
   • 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为
   • 消除代码运行的一些不安全之处，为代码的安全运行保驾护航
   • 为未来新版本的Javascript做好铺垫
3. 使用
   
   • 在全局或函数的第一条语句定义为: ‘use strict’;
   • 如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用
4. 语法和行为改变
   4.1 必须用var声明变量

'use strict'
age = 10;
console.log(age); //报错


var name = "hello";
console.log(name); //合法

4.2 禁止自定义的函数中的this指向window

'use strict'
function Person(name, age){
 this.name = name;
 this.age = name;
}
var obj = new Person(); //合法
Person("kobe", 40); //报错

4.3 创建eval作用域，eval函数有自己的作用域

'use strict'
var name = "kobe";
eval("var name = 'hehe', console.log(name);");
console.log(name);
//严格模式下输出 hehe kobe
//非严格模式下输出 hehe hehe

4.4 对象不能有重名的属性

'use strict'
var obj = {
    name:"kobe",
    name:"kobe"
} //报错

json的两个api

JSON.stringify()：将js对象转换为json格式的字符串
JSON.parse()：将json格式的字符串转换为js对象

var obj = {
    name:"kobe",
    age:18
}
obj = JSON.stringify(obj);
console.log(obj);
obj = JSON.parse(obj);
console.log(obj);

object拓展

ES5给Object扩展了好一些静态方法, 常用的2个:
1. Object.create(prototype, [descriptors])
  * 作用: 以指定对象为原型创建新的对象
  * 为新的对象指定新的属性, 并对属性进行描述
        value : 指定值
        writable : 标识当前属性值是否是可修改的, 默认为false
        configurable: 标识当前属性是否可以被删除 默认为false
        enumerable： 标识当前属性是否能用for in 枚举 默认为false

2. Object.defineProperties(object, descriptors)
  * 作用: 为指定对象定义扩展多个属性
  * get ：用来获取当前属性值得回调函数
  * set ：修改当前属性值得触发的回调函数，并且实参即为修改后的值
  * 存取器属性：setter,getter一个用来存值，一个用来取值

var obj = {name : 'curry', age : 29}
    var obj1 = {};
    obj1 = Object.create(obj, {
        sex : {
            value : '男',
            writable : true
        }
    });
    obj1.sex = '女';
    console.log(obj1.sex);

    //Object.defineProperties(object, descriptors)
    var obj2 = {
        firstName : 'curry',
        lastName : 'stephen'
    };
    Object.defineProperties(obj2, {
        fullName : {
            get : function () {
                return this.firstName + '-' + this.lastName
            },
            set : function (data) {
                var names = data.split('-');
                this.firstName = names[0];
                this.lastName = names[1];
            }
        }
    });
    console.log(obj2.fullName);
    obj2.firstName = 'tim';
    obj2.lastName = 'duncan';
    console.log(obj2.fullName);
    obj2.fullName = 'kobe-bryant';
    console.log(obj2.fullName);

Array的拓展

1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标
2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标
3. Array.prototype.forEach(function(item, index){}) : 遍历数组
4. Array.prototype.map(function(item, index){}) : 遍历数组返回一个新的数组，返回加工之后的值
5. Array.prototype.filter(function(item, index){}) : 遍历过滤出一个新的子数组， 返回条件为true的值

Function的拓展

1. Function.prototype.bind(obj) :
   
   • 作用: 将函数内的this绑定为obj, 并将函数返回
2. 与apply和call的区别
   
   • apply和call是马上调用函数
   • bind是将函数返回

function fun(age) {
        this.name = 'kobe';
        this.age = age;
        console.log('dddddddddddddd');
    }
    var obj = {};
    fun.bind(obj, 12)();
    console.log(obj.name, obj.age);