
JavaScript
Web Boy
Think and create a wonderful web world
展开
-
重写JavaScript数组7个最常用的原生遍历方法
前言数组是JavaScript中最重要的数据格式之一,而对于数组对象实例方法的掌握程度,往往成为面试官考察面试者的重要依据之一,因此,熟练掌握数组的使用方法,是每一位优秀的前端开发人员的必备条件之一。本文,将通过重写数组中7个最常用的原生遍历方法,帮助读者更好地了解数组方法的使用技巧和实现逻辑,加深读者对于数组方法的印象。实例展示首先,本文为本文所有的示例先定义一个公用的数组对象,方便后面...原创 2019-10-13 15:53:32 · 470 阅读 · 0 评论 -
思考——console.log(`${1+2}`)===console.log`${1+2}`?
前言模板字符串是ES6新增的重要语法功能之一,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。示例如下。// 普通字符串`In JavaScript '\n' is a line-feed.`// 多行字符串`In JavaScript this is not legal.`console.log(`string text line 1string...原创 2019-10-13 15:51:35 · 1500 阅读 · 0 评论 -
构造函数的继承——使用原型对象(prototype)
前言构造函数是JavaScript中生成实例对象的模板,如何实现构造函数的继承,是JavaScript程序员需要掌握的一项十分重要的技能。本文将介绍如何使用原型对象,实现构造函数的继承。理论讲解让一个构造函数继承另一个构造函数,可以分成两步实现。第一步是在子类的构造函数中,调用父类的构造函数。function Son(value) { Father.call(this); ...原创 2019-06-23 15:15:11 · 335 阅读 · 0 评论 -
比Switch...Case更加优雅的多条件判断写法
前言前几天,本人负责编写网站上线的环境判断功能,其中涉及到大量多条件判断的code。对于多条件判断写法,大部分程序员都是采用if...else if...else或者switch...case的写法,但是有一种多条件判断写法,比传统写法更加有趣且优雅——对象属性判断法。实例展示废话不多说了,下面直接用三个实例,给大家分别展示三种不同的多条件判断写法。1. if...else if...el...原创 2019-09-01 10:46:51 · 6599 阅读 · 0 评论 -
放下Axios,手写纯原生Ajax通信接口
前言axios作为vue框架中最常用的ajax工具包之一,可以与后台API接口进行通信,传送或接收数据,在前后端分离开发中,发挥了通信桥梁的重要作用。虽然像axios这样的第三方工具包很好用,但是这类工具包并不能很好地帮助前段开发人员,尤其是新人理解JavaScript原生的ajax通信机制。因此,本文将通过JS原生的ajax通信实例,为读者详细介绍原生ajax通信机制和使用方法。关于A...原创 2019-09-22 20:36:42 · 281 阅读 · 0 评论