美文网首页
前端小白的ES6学习

前端小白的ES6学习

作者: 汪槑槑2017 | 来源:发表于2017-12-02 10:46 被阅读94次

    作为一个coder,说啥都不及代码实在,废话不多讲上代码:

    global 对象

       ES5 的顶层对象,本身也是一个问题,因为它在各种实现里面是不统一的。

    浏览器里面,顶层对象是window,但 Node 和 Web Worker 没有window。

    浏览器和 Web Worker 里面,self也指向顶层对象,但是 Node 没有self。

    Node 里面,顶层对象是global,但其他环境都不支持。

    同一段代码为了能够在各种环境,都能取到顶层对象,现在一般是使用this变量,但是有局限性。

    全局环境中,this会返回顶层对象。但是,Node 模块和 ES6 模块中,this返回的是当前模块。

    函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。

    不管是严格模式,还是普通模式,new Function('return this')(),总是会返回全局对象。但是,如果浏览器用了 CSP(Content Security Policy,内容安全政策),那么eval、new Function这些方法都可能无法使用。

    综上所述,很难找到一种方法,可以在所有情况下,都取到顶层对象。下面是两种勉强可以使用的方法。

    // 方法一(typeofwindow!=='undefined'?window:(typeofprocess==='object'&&typeofrequire==='function'&&typeofglobal==='object')?global:this);

    // 方法二vargetGlobal=function(){if(typeofself!=='undefined'){returnself;}if(typeofwindow!=='undefined'){returnwindow;}if(typeofglobal!=='undefined'){returnglobal;}thrownewError('unable to locate global object');};

    参考了阮一峰老师的ES6  http://es6.ruanyifeng.com/#docs/let

    https://segmentfault.com/a/1190000004365693

    相关文章

      网友评论

          本文标题:前端小白的ES6学习

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