前端-ES5知识点总结 - ECMAScript - 前端系列 | Aayu Yain = 学无止境 = 世界上大部分事，都没太大意义。真理与热爱除外

# 严格模式

# 概念

除了正常运行模式 (混杂模式)，ES5 添加了第二种运行模式："严格模式"（strict mode）
顾名思义，这种模式使得 Javascript 在更严格的语法条件下运行

# 目的

消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为
消除代码运行的一些不安全之处，为代码的安全运行保驾护航
为未来新版本的 Javascript 做好铺垫

# 使用

在全局或函数的第一条语句定义为: 'use strict'
如果浏览器不支持，只解析为一条简单的语句，没有任何副作用

# 作用

必须使用 var 声明变量

	'use strict';
	var age = 12;
	console.log(age);

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

	function Person(name, age) {
	this.name = name;
	this.age = age;
	}
	// 直接调用自定义函数，this 指向 window
	// Person('yain', 21);
	// 通过 new 关键字，this 指向实例对象
	new Person('yain', 21);

创建 eval 作用域

	var name = 'yain';
	eval('var name = "ylsislove"; console.log(name);');
	// 下面语句，非严格模式下会打印 ylsislove，严格模式下打印 yain
	console.log(name);

# JSON 对象

# JSON.stringify(obj/arr)

js 对象或数组转换为 json 对象或数组（字符串）

	var obj = {
	name : 'yain',
	age : 39
	};
	obj = JSON.stringify(obj);
	// 打印 string
	console.log(typeof obj);

# JSON.parse(json)

json 对象或数组（字符串）转换为 js 对象或数组

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

# Object 扩展

ES5 给 Object 扩展了 2 个常用的静态方法

# Object.create(prototype, [descriptors])

# 作用

以指定对象为原型创建新的对象
为新的对象指定新的属性，并对属性进行描述
- value : 指定值
- writable : 标识当前属性值是否是可修改的，默认为 false
- configurable: 标识当前属性是否可以被删除默认为 false
- enumerable：标识当前属性是否能用 for in 枚举默认为 false

# 使用

	var obj = {name : 'yain', age : 21}
	var obj1 = {};
	obj1 = Object.create(obj, {
	sex : {
	value : '男',
	writable : true,
	configurable: true,
	enumerable: true
	}
	});
	// 打印男
	console.log(obj1.sex);
	obj1.sex = '女';
	//writable : true，所以会打印女
	console.log(obj1.sex);
	//enumerable: true，所以会打印 sex name age
	for (var item in obj1) {
	console.log(item);
	}
	delete obj1.sex;
	//configurable: true，所以会打印 undefined
	console.log(obj1.sex);

# Object.defineProperties(object, descriptors)

# 作用

为指定对象定义扩展多个属性
get ：用来获取当前属性值得回调函数
set ：修改当前属性值得触发的回调函数，并且实参即为修改后的值

# 使用

	var obj2 = {
	firstName : 'apple',
	lastName : 'yain'
	};
	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];
	}
	}
	});
	// 打印 apple-yain
	console.log(obj2.fullName);
	obj2.firstName = 'banana';
	obj2.lastName = 'yain';
	// 打印 banana-yain
	console.log(obj2.fullName);
	obj2.fullName = 'orange-yain';
	// 设置了 set 方法，会打印 orange-yain，否则打印 banana-yain
	console.log(obj2.fullName);

# 补充

对象本身的两个方法
- get propertyName (){} 用来得到当前属性值的回调函数
- set propertyName (){} 用来监视当前属性值变化的回调函数

	var obj = {
	firstName : 'apple',
	lastName : 'yain',
	get fullName(){
	return this.firstName + '-' + this.lastName;
	},
	set fullName(data){
	var names = data.split('-');
	this.firstName = names[0];
	this.lastName = names[1];
	}
	};
	// 打印 apple-yain
	console.log(obj.fullName);
	obj.fullName = 'orange-yain';
	// 设置了 set 方法，会打印 orange-yain，否则打印 apple-yain
	console.log(obj.fullName);

# Array 扩展

# Array.prototype.indexOf(value)

得到值在数组中的第一个下标

	var arr = [1, 4, 6, 2, 5, 6];
	// 打印 2
	console.log(arr.indexOf(6));

# Array.prototype.lastIndexOf(value)

得到值在数组中的最后一个下标

	var arr = [1, 4, 6, 2, 5, 6];
	// 打印 5
	console.log(arr.lastIndexOf(6));

# Array.prototype.forEach(function(item, index){})

遍历数组

	var arr = [1, 4, 6, 2, 5, 6];
	arr.forEach(function (item, index) {
	console.log(item, index);
	});

# Array.prototype.map(function(item, index){})

遍历数组返回一个新的数组，返回加工之后的值

	var arr = [1, 4, 6, 2, 5, 6];
	var arr1 = arr.map(function (item, index) {
	return item + 10
	});
	// 打印 [11, 14, 16, 12, 15, 16]
	console.log(arr1);

# Array.prototype.filter(function(item, index){})

遍历过滤出一个新的子数组

	var arr = [1, 4, 6, 2, 5, 6];
	var arr2 = arr.filter(function (item, index) {
	return item > 4
	});
	// 打印 [6, 5, 6]
	console.log(arr2);

# Function 扩展

# Function.prototype.bind(obj)

将函数内的 this 绑定为 obj, 并将函数返回

	function fun(age) {
	this.name = 'yain';
	this.age = age;
	console.log('fun被调用了');
	}
	var obj = {};
	fun.bind(obj, 21)();
	// 打印 yain 21
	console.log(obj.name, obj.age);

# 区别 bind () 与 call () 和 apply ()

相同点
- 都能指定函数中的 this
不同点
- call () /apply () 是立即调用函数，bind () 是将函数返回
- call () 函数参数从直接从第二个参数开始，依次传入
- apply () 第二个参数必须是数组，要传入的函数参数放在数组里
- bind () 传参的方式和 call () 一样
bind () 常用在为回调函数绑定作用域，因为 bind () 函数不会立即执行

	var obj = {username: 'yain'};
	setTimeout(function() {
	console.log(this);
	}.bind(obj), 1000);

ECMAScript

# 严格模式

# 概念

# 目的

# 使用

# 作用

# JSON 对象

# JSON.stringify(obj/arr)

# JSON.parse(json)

# Object 扩展

# Object.create(prototype, [descriptors])

# 作用

# 使用

# Object.defineProperties(object, descriptors)

# 作用

# 使用

# 补充

# Array 扩展

# Array.prototype.indexOf(value)

# Array.prototype.lastIndexOf(value)

# Array.prototype.forEach(function(item, index){})

# Array.prototype.map(function(item, index){})

# Array.prototype.filter(function(item, index){})

# Function 扩展

# Function.prototype.bind(obj)

# 区别 bind () 与 call () 和 apply ()

前端-ES6知识点总结（一）

英语-打脸用英语怎么说