ECMAScript(ES5)

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()是将函数返回;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容