extend 和expand 区别是？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了extend 和expand 区别是？相关的知识，希望对你有一定的参考价值。

好像都是扩展扩张的意思，求区分

expand和extend的区别：

1、expand [ik'spænd]
vt.
(在程度、大小、尺寸、容积、体积、范围、区域等方面)扩大，扩展，扩充，增加；使膨胀，使扩张，使伸展；发展；【军事】扩编：
例句： They hope to expand their company.翻译：他们希望扩大公司的规模。

使伸开，伸张，展开，张开(叶、花瓣、翅或帆等)：
例句： The eagle expanded its wings.翻译：鹰展开双翅。

扩展(题目、论题、思想等)；详细展开，详谈，详述，更充分地阐述；增述；增订(词典等)：
例句： to expand a short story into a novel

把一篇短篇小说扩写成一部长篇小说
to expand a phrase into a sentence

把词组扩充成句子
把(缩略式、方程式等)全部写出：
例句： to expand an equation


2、extend [ik'stend] 

vt.
拉开，拉出，拉长；延长；使延伸；使达到：

例句： The carpenter extended the measuring tape as far as it would go.翻译：木匠把卷尺拉长到不能再拉为止。

延伸，延长(如绳、墙、队列等)：

例句： The cord has been extended between two bamboo poles.翻译：在两根竹竿之间拉起了一根绳子。

伸，伸出(手臂或手)，伸开，展开：

例句： to extend one's hand in greeting翻译：伸出手表示欢迎

 参考技术A extend 指在一个方向上的延伸、加长;

expand 指范围、体积的扩大、膨胀

希望可以帮到你O(∩_∩)O~本回答被提问者采纳

区别和详解：jQuery extend()和jQuery.fn.extend()

1、认识jQuery extend()和jQuery.fn.extend()

jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样；

且看官方给出解释：

jQuery.extend(): Merge the contents of two or more objects together into the first object.(把两个或者更多的对象合并到第一个当中)；

jQuery.fn.extend():Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.(把对象挂载到jQuery的prototype属性，来扩展一个新的jQuery实例方法)

2、理解jQuery.extend() 

我们先把jQuery看成了一个类，这样好理解一些。jQuery.extend()，是扩展的jQuery这个类。

假设我们把jQuery这个类看成是人类，能吃饭能喝水能跑能跳，现在我们用jQuery.extend这个方法给这个类拓展一个能说话speak()的技能。这样的话，不论是男人，女人，xx人.....等能继承这个技能（方法）了。

可以如下图这样写着：

JQuery.extend({
    speak:function(){
         alert("how are you!");
    }
});
调用方法如下：
<!DOCTYPE html>
<html>
<head>
    <title>jQuery.extend()与jQuery.fn.extend()区别</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-1.7.1.js"></script>
    <script type="text/javascript">
        (function($){
               $.extend({
                   speak:function(){
                       alert("how are you!");
                   }
               });
        })(jQuery);
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $.speak();
        })
    </script>
</head>
<body>
 
</body>
</html>

这说明$.speak)变成了jQuery这个类本身的方法（object）,他现在能"说话"了。

但是吧，这个能力啊，只有代表全人类的 jQuery 这个类本身，才能用啊。你个人想用，你张三李四王五麻六，你个小草民能代表全人类嘛？

所以啊，这个扩展也就是所谓的静态方法,只跟这个 类 本身有关。跟你具体的实例化对象是没关系的。

 3、理解 jQuery.fn.extend()

从字面理解嘛，这个拓展的是jQuery.fn的方法。jQuery.fn是啥玩意呢？

jQuery.fn = jQuery.prototype = {
      init:funtion(selector,context){
            //..... 
 
     }
}

 所以jQuery.fn.extend拓展的是jQuery对象（原型的）的方法啊！

对象是啥？就是类的实例化嘛，例如$("#abc") ，$(div)

那就是说，jQuery.fn.extend拓展的方法，你得用在jQuery对象上面才行啊！他得是张三李四王五痳六这些实例化的对象才能用啊。

说白了就是得这么用（假设xyz()是拓展的方法）：

$(‘selector‘).xyz();

调用方法如下：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery.extend()与jQuery.fn.extend()区别</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-1.7.1.js"></script>
    <script type="text/javascript">
        (function($){
               $.fn.extend({
                   speak:function(){
                       alert("how are you!");
                   }
               });
        })(jQuery);
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").speak();
        })
    </script>
</head>
<body>
 
</body>
</html>

 4、两者区别总结：

4.1、两者调用方式不同：

       jQuery.extend(),一般由传入的全局函数来调用，主要是用来拓展个全局函数，如$.init()，$.ajax();

       jQuery.fn.extend(),一般由具体的实例对象来调用，可以用来拓展个选择器，例如$.fn.each();

4.2、两者的主要功能作用不同：

        jQuery.extend(object); 为扩展jQuery类本身，为自身添加新的方法。

        jQuery.fn.extend(object);给jQuery对象添加方法

 4.3、大部分插件都是用jQuery.fn.extend()

 5、JQuery的extend扩展方法：

     5.1、Jquery的扩展方法原型是:

extend(dest,src1,src2,src3...);
         它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。
         如果想要得到合并的结果却又不想修改dest的结构，可以如下使用：
 var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。

           这样就可以将src1,src2,src3...进行合并，然后将合并结果返回给newSrc了。如下例：

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
那么合并后的结果：  result={name:"Jerry",age:21,sex:"Boy"}

     也就是说后面的参数如果和前面的参数存在相同的名称，那么后面的会覆盖前面的参数值。

      5.2、省略dest参数
           上述的extend方法原型中的dest参数是可以省略的，如果省略了，则该方法就只能有一个src参数，而且是将该src合并到调用extend方法的对象中去，如：
 　　5.2.1、$.extend(src)
 　　该方法就是将src合并到jquery的全局对象中去，如：

  $.extend({
      hello:function(){alert(‘hello‘);}
  });

       就是将hello方法合并到jquery的全局对象中。

 　　5.2.2、$.fn.extend(src)
 　　该方法将src合并到jquery的实例对象中去，如:

  $.fn.extend({
         hello:function(){alert(‘hello‘);}
  });

       就是将hello方法合并到jquery的实例对象中。

 　　下面例举几个常用的扩展实例：

$.extend({net:{}});

         这是在jquery全局对象中扩展一个net命名空间。

$.extend($.net,{
       hello:function(){alert(‘hello‘);}
})

        这是将hello方法扩展到之前扩展的Jquery的net命名空间中去。

 　　5.2.3、Jquery的extend方法还有一个重载原型：

 extend(boolean,dest,src1,src2,src3...)

        第一个参数boolean代表是否进行深度拷贝，其余参数和前面介绍的一致，什么叫深层拷贝，我们看一个例子：

var result=$.extend( true, {}, 
    { name: "John", location: {city: "Boston",county:"USA"} }, 
    { last: "Resig", location: {state: "MA",county:"China"} } 
);

        我们可以看出src1中嵌套子对象location:{city:"Boston"},src2中也嵌套子对象location:{state:"MA"},第一个深度拷贝参数为true，那么合并后的结果就是： 

var result={
       name:"John",last:"Resig", location:{city:"Boston",state:"MA",county:"China"}
}

       也就是说它会将src中的嵌套子对象也进行合并，而如果第一个参数boolean为false，我们看看合并的结果是什么，如下

 var result=$.extend( false, {}, 
       { name: "John", location:{city: "Boston",county:"USA"} },  
       { last: "Resig", location: {state: "MA",county:"China"} 
 });

        那么合并后的结果就是:

var result={
      name:"John",last:"Resig",location:{state:"MA",county:"China"}
}

       以上就是$.extend()在项目中经常会使用到的一些细节。

 

 
 

以上是关于extend 和expand 区别是？的主要内容，如果未能解决你的问题，请参考以下文章

extend 和expand 区别是？

expand和extend有何异同？

extend,expond,widen的区别,越详细越好,

flutter控件Flexible和 Expanded的区别

python 2.7.*和python 3*的区别

颤振儿童小部件......有区别吗？