作家
登录

JavaScript的API设计原则

作者: 来源: 2017-06-19 17:57:51 阅读 我要评论

  •  
  •   return this; 
  •  
  •  
  • getElement.prototype.background = function(bg) { 
  •  
  •   this.style.backgroundColor = color; 
  •  
  •   return this; 
  •  
  •  
  • getElement.prototype.fontSize = function(size) { 
  •  
  •   this.style.fontSize = size
  •  
  •   return this; 
  •  
  •  
  •   
  •  
  • //调用 
  •  
  • var el = new getElement('#id'
  •  
  • el.color('red').background('pink').fontSize('12px');  
  • 简单、流畅、易读后面我们会在参数琅绫擎讲到若何持续优化。所以,大年夜家都比较爱好用jquery的api,固然一个$符号并不代表任何实际意义,但简单的符号有利于我们的应用。它表现了以上的多种原则,简单,易读,易记,链式写法,多参处理。

    1. document.getElementById('id').style.color = 'red'
    2.  
    3. document.getElementById('id').style.fontSize = '12px'
    4.  
    5. document.getElementById('id').style.backgourdColor = 'pink' 

    dream:

    二、一致性

    1.接口的一致性

    相干的接口保持一致的风格,一整套 API 如不雅传递一种熟悉和舒适的感到,会大年夜大年夜减轻开辟者对新对象的适应性。 定名这点事:既要短,又要自描述,最重要的是保持一致性 “在计算机科学界只有两件头疼的事:缓存掉效和定名问题” — Phil Karlton 选择一个你爱好的措辞,然后持续应用。选择一种风格,然后保持这种风格。

    Nightware:

    1. setColor, 
    2.  
    3. letBackGround 
    4.  
    5. changefontSize 
    6.  
    7. makedisplay  

    dream:

    1. setColor; 
    2.  
    3. setBackground; 
    4.  
    5. setFontSize 
    6.  
    7. set.........  

    三、参数的处理

    1.参数的类型

    断定参数的类型为你的法度榜样供给稳定的保障

    1. //我们规定,color接收字符串类型 
    2.  
    3. function setColor(color) { 
    4.  
    5.   if(typeof color !== 'string'return
    6.  
    7. dosomething 
    8.  
    9.  

    2.应用json方法传参

    应用json的方法传值很多好处,它可以给参数定名,可以忽视参数的具体地位,可以给参数默认值等等 比如下面这种糟糕的情况:


      推荐阅读

      智慧城市发展路径应分级分类

    智能泊车、长途智能抄表、智能路灯杆、智能井盖……聪明城市扶植正在为我们的生活带来各类便利。聪明城市也成为当前热议的话题。6月8日,第二十届中国北京国际科技家当博览会同>>>详细阅读


    本文标题:JavaScript的API设计原则

    地址:http://www.17bianji.com/lsqh/35828.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)