ES6
小白追梦
前端小菜鸡,欢迎交流
展开
-
ES 6 精讲 (五) 认识一下ES6之面向对象、模块化
1-1 面向对象1、我们来对比 ES5和ES6 构造类的方式1-1 首先 我们先使用 ES5 的方法1、用构造函数来创建了一个类 明显不合理2、添加方法 这两个方法 甚至 可以写到上面构造的类中,规范化就不好// 以函数的形式写对象 function Person(name, age) { this.name = name; this.age = age; } //添加方法 Person.prototype.showName = function ()原创 2020-10-08 22:31:19 · 214 阅读 · 0 评论 -
ES 6 精讲 (四) 认识一下ES6之 异步编程
1-1 异步编程1-1-1 Promise比较完整的代码是这样的<script src="jquery.js" charset="utf-8"></script><script type="text/javascript"> let p = new Promise(function (resolve, reject) { // resolve 表示成功 // reject 表示失败 $.ajax({ url: "1.txt"原创 2020-10-08 22:29:45 · 207 阅读 · 0 评论 -
ES 6 精讲 (三) 认识一下ES6之 bable编程
1-1 bable编译方法一: 在线 引入 (不用!!! 只用来看一下效果)1、存在时间延迟2、自己都不能在IE7执行 不认识 browser.min.js方法二:离线编译(用node.js)操作一波 很容易理解 我给你截个图 展示一下...原创 2020-10-08 22:29:27 · 116 阅读 · 0 评论 -
ES 6 精讲 (二) 认识一下ES6之 函数部分
1-1 函数部分我们举例子说明一下这个问题?我们尝试实现一个很简单的函数尝试对比简化的箭头函数可以简化多少的内容40:43原创 2020-10-08 22:28:44 · 125 阅读 · 0 评论 -
ES 6 精讲 (一) 认识一下ES6
1-1 认识一下ES6我们来举个例子说明一下这个问题这个例子简单实现3个目标小方块点击效果展示我们想通过这样的方式 实现 当我们点击 a b c 三个小块的时候弹出0 1 2但是我们写出来的 不管点击哪个都只会弹出3<!DOCTYPE html><html> <head> <title>document</title> <meta charset="utf-8" /> <原创 2020-10-08 22:28:21 · 287 阅读 · 0 评论