zoukankan      html  css  js  c++  java
  • Effective JavaScript :第四章

    1.理解:prototype、getPrototypeOf和_proto_之间的不同

    ①C.prototype用于建立new C()创建的对象的原型。

    ②Object.getPrototypeOf(obj)是ES5中用来获取obj对象的原型对象的标准方法。

    ③obj._proto_是获取obj对象的原型对象的非标准方法。

    类的本质上是一个构造函数与一个用于在该类实例间共享方法的原型对象的结合。

     

    2.使用闭包存储私有数据

    JavaScript的对象所有的属性名都是一个字符串,任意一段程序都可以简单地通过访问属性名来获取相应的对象属性。例如,for......in循环、ES5的Object.keys()和Object.getOwnPropertyNames()函数等特性都能轻易地获取到对象的所有属性名。

    闭包是一种简朴的数据结构,它们将数据存储到封闭的变量中而不提供对这些变量的直接访问。获取闭包内部结构的唯一方式是该函数显示地提供获取它的途径。

    闭包变量是私有的,只能通过局部的引用获取。

    将局部变量作为私有数据从而通过方法实现信息隐蔽。

     

    3.this变量的隐式绑定

    每一个函数都有一个this变量的隐式绑定。该this变量的绑定值是在调用该函数时确定的。this变量的作用域总是由其最近的封闭函数所确定的。使用一个局部变量使得this绑定对于内部函数是可用的。

     

    4.避免继承标准类

    继承标准类的子类往往会由于一些特殊的内部属性(如[[class]])而被破坏。例如:

    function Dir(path,entries){
        this.path = path ;
        for(var i = 0 , n = entries.length ; i < n ; i ++){
            this[i] = entries[i] ;
        }
    }
    Dir.prototype = Object.create(Array.prototype) ;    

    这种方式破坏了length属性的预期行为。length属性只在内部被标记为“真正的”数组的特殊对象起作用。ECMAScript标准规定它是一个不可见的内部属性,称为[[class]]。当我们扩展Array类时,子类的实例并不是通过new Array()或字面量[]语法创建的,所以Dir的实例的[[class]]属性值为“Object”。所以我们可以定义一个entries数组的实例属性:

    function Dir(path , entries){
        this.path = path ;
        this.entriess = entries ;
    }

    在原型中重新定义Array的方法,我们可以将这些相应的方法委托给entries属性来完成。

    Dir.prototype.forEach = function(f , thisArg){
        if(typeof thisArg === “undefined”){
            thisArg = this;
        }
    this.entries.forEach(f , thisArg) ;
    }

    ECMAScript标准库中的大多数构造函数都有类似的问题。某些属性或方法期望具有正确的[[class]]属性或其他特殊的内部属性,然而子类却无法提供。基于这个原因,最好避免继承以下的标准类:Array、Boolean、Date、Function、Number、RegExp或String。

  • 相关阅读:
    JavaScript的MVC模式
    【收藏】关于团队合作的css命名规范
    【推荐】前端资源推荐
    JavaScript完美验证URL正则
    【原创】JavaScript中的cookie学习
    jquery实现无限滚动瀑布流实现原理
    常用浏览器本地存储的几种方案对比
    事件触发的一个细节设计
    IE6中fixed抖动问题的解决(完美无副作用版)
    Web开发者不容错过的20段CSS代码
  • 原文地址:https://www.cnblogs.com/koto/p/5503166.html
Copyright © 2011-2022 走看看