这段时间在写一个预览图片的插件，

被我老大说了无数次了，不多说啥，说多了都是泪

昨天看着我的代码他说你用了extend，那你知道是什么意思吗

我只知道是扩展的意思，瞬间觉得自己弱爆了

真的

然后今天看深究深究吧

$.extend():可以合并多个对象，不行你看，这个也用到过

今天在看ES6，然后加上最近一个review我发现web端可以用jQuery，来扩展对象，那因为我最近也在写小程序，就发现小程序并不能用jQuery，那我要是想扩展合并对象的话要怎么办呢，今天刚好看到一个Object.assign()

var target={a:}

var srouce={a:,b:,c:}

var obj=Object.assign({},target,source)

最后得到的obj是等于{a:,b:,c:}

也是跟extend一样的效果，也是碰到相同的属性的时候，后面的属性会覆盖前面的属性

我前面加了一个{}空对象，也是跟extend一样，其实加不加都无所谓

var defaults={

multis:

};

var options = $.extend(opts,defaults, {});

console.log(options.multis);

opts = jQuery.extend({

imgType: ["gif", "jpeg", "jpg", "bmp", "png"],

// 布局方式 默认方式是平铺

present: 'full-fill',

multi: ,

width: '',

height: '',

}, opts || {});

options可以拿到defaults和opts的值

这个要说明一下，要是重复的属性，会被覆盖掉

var defaults={

multis:,

multi:

};

var options = $.extend(opts,defaults, {});

console.log(options.multi);

opts = jQuery.extend({

imgType: ["gif", "jpeg", "jpg", "bmp", "png"],

// 布局方式 默认方式是平铺

present: 'full-fill',

multi: ,

width: '',

height: '',

}, opts || {});

这样的时候options.multi会等于10,后面的值会覆盖前面的

还有一个深层合并的，加了一个true，这个还没有用到过

先是没有加true的：

var test=$.extend({name:'lei',location:{city:'beijing'}},{last:'wen',location:{state:'china'}});

console.log(test)

得到了

Object

last: "wen"

location: Object

state: "china"

__proto__: Object

name: "lei"

__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: __proto__()set __proto__: __proto__()

要是加了true呢

var test=$.extend(true,{name:'lei',location:{city:'beijing'}},{last:'wen',location:{state:'china'}});

console.log(test)

Object

last:"wen"

location:

Object

city:"beijing"

state:"china"

__proto__ :Object

name :"lei"

__proto__:Object

$.extend(还可以添加静态方法)这就是jquery.fn.extend{imgPreview:function()}这个就是我现在用到的了

$.extend({

add:function(a,b){return a+b},

minu:function(a,b){return a-b}

})

var num=$.add(,)+$.minu(,);

console.log(num)//

然后刚才偶然间又看到某个大神的文章

然后上面有一段代码是这样的，我觉得特别通俗易懂

;(function($){

$.fn.extend({

Firstplus: function() {}

});

//这样写的话插件的使用方法就是：$('div').Firstplus();

$.extend({

Secondplus: function() {}

});

//这样写的话插件的使用方法就是：$.Secondplus();

})($);

这样就让我瞬间明白写插件的时候调用的方式

$.extend()的实现源码 --(源码学习1)

目标: $.extend({         add:function(a,b){             return a + b;         }     }) console.log($.a ...

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { ...

$.extend({},defaults, options) --(初体验三)

1.$.extend({},defaults, options) 这样做的目的是为了保护包默认参数.也就是defaults里面的参数. 做法是将一个新的空对象({})做为$.extend的第一个参数, ...

jquery.fn.extend与jquery.extend--(初体验二)

1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jquery.fn.extend(object);给jQuery对象添加方法. $.extend({ a ...

vue.mixin与vue.extend

vue.mixin 全局注册一个混合,影响注册之后所有创建的每个 Vue 实例.谨慎使用全局混合对象,因为会影响到每个单独创建的 Vue 实例(包括第三方模板).大多数情况下,只应当应用于自定义选项, ...

jQuery中的$.extend方法来扩展JSON对象及合并，方便调用对象方法

$.extend方法可以扩展JSON对象,用一个或多个其他对象来扩展一个对象,返回被扩展的对象. 例一 合并 settings 和 options,修改并返回 settings var setting ...

jQuery.extend 函数详解

JQuery的extend扩展方法:      Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解.      一.Jquery的扩展方 ...

JavaScript中实现extend()方法

var male = { sex: "male" }; var xiaoming = { name: "xiaoming", school: "xin ...

随机推荐

unity3d关于碰撞问题

这个是我做忍者游戏出现的问题,做个记录也为以后有人遇到也可以借鉴.因为刚接触unity,所以对其所知甚少,说错的地方请指教. 问题:角色碰撞墙为什么会先触发碰撞地面,然后再触发碰撞墙 想要的效果:是角 ...

论HTML5 Audio 标签歌词同步的实现

HTML5草案里面其实有原生的字幕标签( Tag)的,但使用的是vtt格式的文件,非常规的字幕(.sub, .srt)或歌词文件(.lrc). 用法如下(代码来自W3Scho ...

【uTenux实验】互斥体

互斥体,维基百科中交互斥锁.其定义是这样的:互斥锁(英语:英语:Mutual exclusion,缩写 Mutex)是一种用于多线程编程中,防止两条线程同时对同一公共资源(比如全局变量)进行读写的机制 ...

使用Navicat远程管理OpenShift的数据库

其实 phpMyAdmin 这个 web 端的 MySQL 数据库管理工具还是很好的,要不然也不会成为 MySQL 数据库的绝配.但是我想,很多人应该和重华一样,不太喜欢使用 web 端的工具,总觉得 ...

Linux 不挂载设备，获取设备的文件系统信息

块设备挂载后,可以通过df 或者 mount命令查看设备的文件系统信息.然而,有时候需要在不挂载设备的情况下予以判断,此时可以使用如下的方法: (1)查看文件系统类型 命令: file -sL /de ...

ucos_ii 上锁函数OSSchedLock()函数透析

因为任务调度时一般都是通过OSTIMEDLY()来实现.在这个函数中会对当前的任务执行挂起.同时查看任务调度表中是否有优先级合适的就绪任务.如果当前任务运行时调用OSSchedLock()给调度器上锁 ...

Android项目实战(二十九)：酒店预定日期选择

先看需求效果图: 几个需求点: 1.显示当月以及下个月的日历 (可自行拓展更多月份) 2.首次点击选择"开始日期",再次点击选择"结束日期" (1).如果&qu ...

css格式