美文网首页代码移动开发前端其他知识
前端基础进阶(十四):es6常用基础合集

前端基础进阶(十四):es6常用基础合集

作者: 这波能反杀 | 来源:发表于2017-04-10 23:51 被阅读20665次

    由于某些原因,文章已经删除,打算迁移到别处,目前正在寻找更合适的平台。

    请大家关注我的新公众号ar_indus,随后我会在公众号里推送新的博客地址。

    后续计划的《react进阶系列》文章也会在新公众号中推送。

    公众号二维码

    ar_indus

    相关文章

      网友评论

      • 聚宝大当家:class Person {
        constructor(name, age) { // 构造函数
        this.name = name;
        this.age = age;
        }

        getName() { // 这种写法表示将方法添加到原型中
        return this.name
        }

        static a = 20; // 等同于 Person.a = 20

        c = 20; // 表示在构造函数中添加属性 在构造函数中等同于 this.c = 20

        // 箭头函数的写法表示在构造函数中添加方法,在构造函数中等同于this.getAge = function() {}
        getAge = () => this.age

        }

        这里的 static a = 20 你确定不会报错吗:blush:
      • 一个庸俗的神:非常棒,涵盖常用知识点全面,通俗易懂,加油!希望继续产出干货😘
      • chinaliyun:老师你好, 我在测试对象结构赋值的时候 ,类似于[a,b,c] = [1,2,3]以及{a,b,c} = {a:1, b:2, c:3}的时候都可以编译,并执行出来,但是{size, ...option} = props,babel一直报错,请问是什么原因 ?
        这波能反杀:@Earl_947f 你看看create-react-app用的什么版本,这里是支持的
        chinaliyun:@波同学 是的 我用哪个的是babel6, 请问如何解决呢? 我已经用了es2015的preset, babel-plugin-syntax-class-properties和babel-plugin-transform-es2015-classes 都用了也没效果
        这波能反杀:@Earl_947f babel版本的问题
      • 5567c7396dc4:刚接触es6想学react 一直有个困扰就是 既然现在es6的代码很多浏览器不支持那编写的时候应该怎样编写
      • 沐风一样:相见恨晚。:wink:
      • 与我常在Jerry:呼叫波哥更新:grin:
        这波能反杀:@与我常在Jerry ~ ~
      • 終愛妳壹生:老哥,1个多月没更新了,在干啥
      • 朵朵鱼:大神加油👏
      • nicoviv:谢谢分享
      • jingkeke:箭头函数 不深很理解,跟看的别的资料不是很一致,弄晕了。。。。

        ```js
        class Animal {
        constructor(){
        this.type = 'animal'
        }
        says(say){
        setTimeout( () => {
        console.log(this.type + ' says ' + say)
        }, 1000)
        }
        }
        var animal = new Animal()
        animal.says('hi') //animal says hi
        ```
        useless1:@jingkeke 意思就是this在定义的时候已经不可变了,和执行过程无关
        这波能反杀:@jingkeke 那是因为你对this理解不够,建议回过头去看看我之前的文章
        jingkeke:说是有this的,就是定义时候的this .
      • darayo:波老师好棒!通俗易懂
      • 9ab719968975:ES6基础“智商”划重点,666
      • 无敌小lengxin:总结的不错。。赞
      • Nic_ofh:理解非常到位,自己也学习很多!
      • YanYang6:let可以理解为局部变量const可以理解为全局变量
        YanYang6:@蒋敬敏 是我记错了。刚看了一下,貌似letlet命令所在的代码块内有。http://es6.ruanyifeng.com/#docs/let
        蒋小小喵:@逝不回去的青春 不对吧,一个是变量,一个是常量
      • 小乌龟变王八:话说我好像也是从掘金上看到你。然后转像简书😀
      • _Josh:编译为ES5
        {
        let _a = 20; //这里应该为var _a = 20;吧
        }
      • 7b16c9792539:谢谢楼主
      • 81f21a05501b:好个波波,好文。
        这波能反杀:@大白熊胖胖 :relaxed:
      • d9cc2d9c083e:感谢波老师
      • wlszouc:感谢作者,另外是否可认为箭头函数中的this是调用它的对象的this?
        useless1:@wlszouc 想想不用self保存this,大概就是这个意思:smile:
        这波能反杀:@wlszouc 关于this的你可以看我前面的文章,无法一概而论
      • b030319dabcf:太棒了,正愁抓不住重点看es6,感谢楼主分享好文章
      • 我就不信这个昵称也不合法:let好像有变量提升的,我记得在哪看到过。。
        4e4c58a37a09:可以认为有申明的提升,但初始化以及赋值是在原地。这也就解释了暂歇性死区。
        xiayujlu:@我就不信这个昵称也不合法 没有变量提升,有暂歇性死区
        吃着空调吹西瓜: @我就不信这个昵称也不合法 应该不是吧。。。
      • aaa162e7bc04:不会变的就不叫变量,const是定义常量😀
        aaa162e7bc04: @波同学 const 声明创建一个只读的常量。这不意味着常量指向的值不可变,而是变量标识符的值只能赋值一次。(译者注:JavaScript中的常量和Java,C++中的常量一个意思。注意区分常量的值和常量指向的值的不同)


        来自MDN
        这波能反杀:@captive_725f const定义常量的说法不符合实际使用情况
      • 91e4895ab39b:楼主能详解下Promise的源码吗?楼主闭包和原型讲的很详细,还有new操作,非常感谢,但是Promise好像略过了源码讲解
        这波能反杀:Promise源码以后有时间讲吧,讲清楚不容易,你可以先去google搜一搜别人的文章
      • chenpipy:厉害了,总结的很好
        这波能反杀::joy: 简单的总结一下
      • hey前端攻城狮:这个系列文章写的特别好,更好地理解了js中的一些重点内容
      • 药药药药丸儿:从第一期一直看到这一期,正好打开简书,正好刚刚发布,缘分呐
        这波能反杀::blush: 哈哈,能看完的都很厉害

      本文标题:前端基础进阶(十四):es6常用基础合集

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