es嚴格模式、對象和擴展。

01. 嚴格模式

1. 理解:
* 除了正常運行模式(混雜模式)，ES5添加了第二種運行模式："嚴格模式"（strict mode）。
* 顧名思義，這種模式使得Javascript在更嚴格的語法條件下運行
2. 目的/做用
* 消除Javascript語法的一些不合理、不嚴謹之處，減小一些怪異行爲
* 消除代碼運行的一些不安全之處，爲代碼的安全運行保駕護航
* 爲將來新版本的Javascript作好鋪墊
3. 使用
* 在全局或函數的第一條語句定義爲: 'use strict';
* 若是瀏覽器不支持, 只解析爲一條簡單的語句, 沒有任何反作用
4. 語法和行爲改變
* 必須用var聲明變量
* 禁止自定義的函數中的this指向window
* 建立eval做用域
* 對象不能有重名的屬性。

'use strict';
var age = 12;
console.log(age);
function Person(name, age) {
    this.name = name;
    this.age = age;
}
new Person('kobe', 39);
setTimeout(function () {
    console.log(this);//window
}, 1000);

//* 建立eval做用域
var name = 'kobe';
eval('var name = "anverson";alert(name)');
console.log(name);

var obj = {
    name : 'kobe',
    name : 'weide'
};
console.log(obj);

View Code

02. JSON對象

1. JSON.stringify(obj/arr)
* js對象(數組)轉換爲json對象(數組)
2. JSON.parse(json)
* json對象(數組)轉換爲js對象(數組)

var obj = {
    name : 'kobe',
    age : 39
};
obj = JSON.stringify(obj);
console.log( typeof obj);
obj = JSON.parse(obj);
console.log(obj);

View Code

 03. 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);

View Code

對象自己的兩個方法
* get propertyName(){} 用來獲得當前屬性值的回調函數
* set propertyName(){} 用來監視當前屬性值變化的回調函數

var obj = {
    firstName : 'kobe',
    lastName : 'bryant',
    get fullName(){
        return this.firstName + ' ' + this.lastName
    },
    set fullName(data){
        var names = data.split(' ');
        this.firstName = names[0];
        this.lastName = names[1];
    }
};
console.log(obj.fullName);
obj.fullName = 'curry stephen';
console.log(obj.fullName);

View Code

04. 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的值

/*
需求:
1. 輸出第一個6的下標
2. 輸出最後一個6的下標
3. 輸出全部元素的值和下標
4. 根據arr產生一個新數組,要求每一個元素都比原來大10
5. 根據arr產生一個新數組, 返回的每一個元素要大於4
*/

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);

View Code

05. Function擴展

1. Function.prototype.bind(obj) :
* 做用: 將函數內的this綁定爲obj, 並將函數返回
2. 面試題: 區別bind()與call()和apply()?
* 都能指定函數中的this
* call()/apply()是當即調用函數
* 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);

View Code