美文网首页
前端知识ES5

前端知识ES5

作者: Pickupthesmokes | 来源:发表于2018-09-25 17:12 被阅读0次

ES5

严格模式

  1. 理解:
* 除了正常运行模式(混杂模式),ES5添加了第二种运行模式:"严格模式"(strict mode)。

* 顾名思义,这种模式使得Javascript在更严格的语法条件下运行
  1. 目的/作用
* 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为

* 消除代码运行的一些不安全之处,为代码的安全运行保驾护航

* 为未来新版本的Javascript做好铺垫
  1. 使用
* 在全局或函数的第一条语句定义为: 'use strict';

* 如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用
  1. 语法和行为改变
* 必须用var声明变量

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

* 创建eval作用域

* 对象不能有重名的属性

JSON对象

1. JSON.stringify(obj/arr)

* js对象(数组)转换为json对象(数组)

2. JSON.parse(json)

* json对象(数组)转换为js对象(数组)

Object扩展

ES5给Object扩展了一些静态方法, 常用的2个:

1. Object.create(prototype, [descriptors])

* 作用: 以指定对象为原型创建新的对象

* 为新的对象指定新的属性, 并对属性进行描述

- value : 指定值

- writable : 标识当前属性值是否是可修改的, 默认为false

- configurable: 标识当前属性是否可以被删除 默认为false

- enumerable: 标识当前属性是否能用for in 枚举 默认为false
  1. 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的值

Function扩展

1. Function.prototype.bind(obj) :

* 作用: 将函数内的this绑定为obj, 并将函数返回

2. 面试题: 区别bind()与call()和apply()?

* 都能指定函数中的this

* call()/apply()是立即调用函数

* bind()是将函数返回

相关文章

  • 前端知识ES5

    ES5 严格模式 理解: 目的/作用 使用 语法和行为改变 JSON对象 Object扩展 ES5给Object扩...

  • 前端基础知识总结

    前端基础知识总结 一、JS基础 1、 如何在ES5环境下实现let 对于这个问题,我们可以直接查看babel转换前...

  • 前端开发面试比问基础大全

    本文将从以下十一个维度为读者总结前端基础知识 JS基础 如何在ES5环境下实现let对于这个问题,我们可以直接查看...

  • 初识ES6

    ES6在ES5的基础上增加了许多新功能和新用法,使JavaScript更加倾向于面向对象的语言了。 前端知识的更新...

  • Web框架体系

    Web 前端知识体系精简 web前端知识体系图 web前端知识体系大全 HTML,CSS,JavaScript知识...

  • babel配置指南--兼容老式浏览器的垫片

    babel-runtime 将es6编译成es5去运行,前端可以使用es6的语法来写,最终浏览器上运行的是es5 ...

  • JS准备

    2、 面试的信心来源于过硬的基础]1、 web前端常见面试题汇总 一、ES5、ES6去重1、ES5去重 提示和注释...

  • babel插件实践(一)babel编译原理分析

    前言 我们都知道在前端编译构建工具出现之前,前端项目基本都是用es5浏览器识别的语法来实现的。(jquery,es...

  • Javascript知识点汇总

    ES5知识点按层级汇总回顾,通过这个层级关系把知识点关联起来,实际使用时通过项目来融合解决问题。 第一层:ES5、...

  • es5数组及对象处理方法

    index es5数组及对象处理方法 __veblen es6已经出来了,为什么还要整理es5?因为知识不是跳跃的...

网友评论

      本文标题:前端知识ES5

      本文链接:https://www.haomeiwen.com/subject/lrploftx.html