浅谈javascript对象、如何实现继承、jQuery方法的扩展（jquery插件）

第一次认认真真的来写一次博客、才疏学浅没有办法、当然也很激动。

好，自白来一段：从接触前端到现在大概2年时间、大约在半年到一年的时间 html、css、jquery强大的选择器、常用的js事件都有掌握、每一次写js都是用选择器拿到dom元素，然后添加事件 类似

$(".add").click(function(){
   //开始一系列操作、、、
});

以为这样能实现项目中遇到的问题就够了。 但是看到别人写的代码什么 prototype、extend、$.fn.extend 感觉佷懵，这是什么东西啊、当然一直听说JavaScript是面向对象编程（基于对象），MD 什么是对象啊，对象我都不知道。 感觉自己好low啊，不行在前端盛行的时代，我是要被社会淘汰呀，赶紧充电吧。不喜欢看书的我、看视频、看视频，看了还是对这些概念性的东西完全不懂、又问一些大牛，也是解释的不是很清楚（估计是自己理解能力不够）百度也百度了很多，各种说法都有，都不知道听谁的，哎！因为自己又懒、项目中遇到的JS 又少，遇到后总是用之前一样的代码选中元素添加事件来实现，思维定型了。持续了将近一年， 感觉自己的JS完全就没有长进嘛，各种插件倒是收藏了一些。看到别人的插件那个崇拜啊、太帅了。 不行！我需要继续学习，技术就是财富啊！ 

这几天一直看JS相关的问题，对javascript对象、如何实现继承、jQuery方法的扩展稍有了解，看的一些相关的资料感觉对我学习有很大帮助，希望对处于我同样境地的朋友们有些许的帮助。

一、面向对象

首先，你需要学习对象，那你要去认识对象、懂得创建对象  OK 百度 “如何创建js对象、创建js对象有哪些方式、js面向对象”这些关键词。

例如：jquery（$）就是一个对象、$("div")就是jquery对象的实例，实例嘛就是存在的。

再比如：var Person=function(){} 、function Person(){}是一个人的对象（java的类）、var panpan=new Person(); panpan就是Person对象的实例。

这之间你可能会碰到prototype（原型）、构造函数这些知识，多百度就好了。

附上一些对我有帮助的链接：

1、大神的博客

2、阮大神的博客

二、认识继承

百度 “js继承、js继承有哪些方式”。

链接：某大神笔记 这篇笔记对我帮助很大，感谢大神！

三、jQuery插件的编写

个人理解jquery插件的写法，无非就是

$.extend(function(){
  //一系列代码、、、
})

和

$.fn.extend(function(){
  //一系列代码
})

要理解这两个的区别你要弄懂 prototype、对象、对象的实例 。其实$.fn==$.prototype==jQuqery.protoype所以 $.fn.extend()就是向jquery（$）的原型添加方法，也就是jquery插件，最常用的方式。$.extend()就相当于给jquery（$）这个对象（java的类）添加方法。

附上链接：大神博客

好了，第一次写就到这里了。基本上案例百度你们都能找到，但是太多不知道哪些会更好，所以我给出了给我帮助很多的一些链接。能帮组大家才是我的目的。

最后还有最近还在学习李炎恢老师的《javascript视频》都是免费的很适合想要学习javascript的同学们。我在这里给大家推荐一下真的很不错。大家一起学习，一起进步，一起向钱看！