ES6 常用详解（二）

Faremax 发布于2019-08-23 15:42 / 1648人阅读

摘要：面向对象基础关键字构造器和类分开了里面直接加方法传统的面向对象老版本是这样的问题在原来的里面，是不是类和构造函数是一个东西。是不是构造函数是，是构造函数，是不是类，也是，也是类，这就很奇怪。

1、面向对象（基础）
①class关键字、构造器和类分开了
②class里面直接加方法

传统的面向对象老版本是这样的：

function User(name,pass){
    this.name = name;
    this.pass = pass
}

User.prototype.showName = function(){
    alert(this.name)
}
User.prototype.showPass = function(){
    alert(this.pass)
}

var u1=new User("blue","123456")
u1.showName();
u1.showPass();

问题：
1.在原来的JavaScript里面，是不是类和构造函数是一个东西。User是不是构造函数？是，User是构造函数，User是不是类，也是，也是类，这就很奇怪。
2.类散开了。

新版本写法：

class User{
    //构造器
    constructor(name){
        this.name=name;
        this.pass=pass;
    }
    
    showName(){
        alert(this.name);
    }
    showPass(){
        alert(this.pass);
    }
}

继承：

老版本继承：

function VipUser(name,pass,leavel){
    User.call(this,name,pass);
    this.level=level;
}
VipUser.prototype=new User();
VipUser.prototype.constructor=VipUser;

VipUser.prototype.showLeavel=function(){
    alert(this.level)
}
var v1=new VipUser("tom","123456",3)
v1.showName()
v1.showPass();
v1.showLeavel();

新版本继承：
class VipUser extends User{

constructor(name,pass,level){
    // 超类/父类
    super(name,pass);
    this.level=level;
}

showLevel(){
    alert(this.level)
}

}

2、Promise

解决回调地狱，用同步一样的方式，来书写异步代码。

Promise.all([$.ajax(),$.ajax()]).then(result=>{
    //对了
},err=>{
    //错了
})

Promise.race 竞速
假设：
以下的请求代表同时发出多个请求，哪个先获得数据就用哪个。

Promise.race([
    $.ajax({url:"http://a2.taobao.com/data/users"}),
    $.ajax({url:"http://a5.taobao.com/data/users"}),
    $.ajax({url:"http://a3.taobao.com/data/users"}),
])

云服务器 GPU云服务器 linux常用命令详解 linux常用命令实例详解 ES6 es6-系列

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102458.html

前端文档收集

摘要：系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法随笔分类 - HTML5 HTML5中40个最重要的技术点常用meta整理网页性能管理详解 HTML5 ...

jsbintask 2019-08-21 12:05 评论0 收藏0
前端文档收集

摘要：系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法随笔分类 - HTML5 HTML5中40个最重要的技术点常用meta整理网页性能管理详解 HTML5 ...

muddyway 2019-08-29 13:21 评论0 收藏0
前端基础进阶目录

摘要：不过其实简书文章评论里有很多大家的问题以及解答，对于进一步理解文中知识帮助很大的，算是有点可惜吧。不过也希望能够对正在学习前端的你有一些小帮助。如果在阅读中发现了一些错误，请在评论里告诉我，我会及时更改。前端基础进阶（一）：内存空间详细图解前端基础进阶（二）：执行上下文详细图解前端基础进阶（三）：变量对象详解前端基础进阶（四）：详细图解作用域链与闭包前端基础进阶（五）：全方位...

mo0n1andin 2019-08-21 18:30 评论0 收藏0
2017年1月前端月报

摘要：平日学习接触过的网站积累，以每月的形式发布。年以前看这个网址概况在线地址前端开发群月报提交原则技术文章新的为主。平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 概况在线地址：http://www.kancloud.cn/jsfront/month/82796 JS前端开发群月报提交原则：技...

FuisonDesign 2019-08-29 12:35 评论0 收藏0