ECMAScript它是一种由ECMA组织(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范。我们学的 JavaScript 是ECMA的实现,但术语ECMAScript和JavaScript其实是一个意思。
JS包含三个部分:
1). ECMAScript(核心)
2). 扩展==>浏览器端
- BOM(浏览器对象模型)
- DOM(文档对象模型)
3). 扩展==>服务器端
- Node
ES的几个重要版本
- ES5 : 09年发布;
- ES6(ES2015) : 15年发布, 也称为ECMA2015;
- ES7(ES2016) : 16年发布, 也称为ECMA2016 (变化不大);
ES5:严格模式:
除了正常模式,ES5还有第二种模式:严格模式。这种模式使得Javascript在更严格的语法条件下运行。
-
目的及作用:
消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
消除代码运行的一些不安全之处,为代码的安全运行保驾护航;
为未来新版本的Javascript做好铺垫; -
使用方法:
在全局或函数的第一条语句定义为: 'use strict';( 如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用)
<script type="text/javascript"> 'use strict'; var username = 'kobe'; // window.username = 'kobe'; console.log(username); function Person(name, age){ this.name = name; this.age = age; } new Person('kobe', 40); var str = 'NBA'; // eval('alert(str)'); eval('var str = "CBA"; alert(str)'); alert(str); var obj = { username: 'kobe', username: 'wade' } </script>
语法和行为改变:
- 必须用var声明变量
- 禁止自定义的函数中的this指向window
- 创建eval作用域
- 对象不能有重名的属性
JSON对象:
JSON.stringify(obj/arr)// js对象(数组)转换为json对象(数组)
JSON.parse(json)// json对象(数组)转换为js对象(数组)
Object扩展:
ES5的Object扩展了一些静态方法, 常用的两个:
Object.create(prototype, [descriptors])
- 作用: 以指定对象为原型创建新的对象
- 为新的对象指定新的属性, 并对属性进行描述
- value : 指定值
- writable : 标识当前属性值是否是可修改的, 默认为false
- configurable: 标识当前属性是否可以被删除 默认为false
- enumerable: 标识当前属性是否能用for in 枚举 默认为false
Object.defineProperties(object, descriptors)
- 作用: 为指定对象定义扩展多个属性
- get :用来获取当前属性值得回调函数
- set :修改当前属性值得触发的回调函数,并且实参即为修改后的值
- 存取器属性:setter,getter一个用来存值,一个用来取值
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的值
<script type="text/javascript">
var arr=[2,4,5,6,7,9];
var arr2=arr.filter(function(item,index){
return item>5;
});
console.log(arr2);
</script>
Function扩展
1. Function.prototype.bind(obj) :
作用: 将函数内的this绑定为obj, 并将函数返回
2. bind()与call()和apply()区别:
都能指定函数中的this;
call()/apply()是立即调用函数;
bind()是将函数返回;
