小编给大家分享一下jquery中构造函数是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
jQuery是面向对象的js库因此它也具备构造函数的功能,它可通过原型及init()函数构成构造函数,而且jQuery实现的构造函数不需要用new来实例化对象
jquery中的构造函数充分的运用了javascript语言的动态性。由于对行参的类型及个数没有严格的要求,因此一个函数可以实现多种功能的需求。
jQuery是一种面向对象的js库,也含有构造函数。每次调用jQuery方法时就会实例化一个jQeury对象,但是jQuery的写法却更加高明。
在ECMA标准定义JS中的对象:无序属性的集合,其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值,其中的属性或方法都有一个名字,根据这个名字可以访问相映射的值,这个值可以是基本值,对象或者是方法
例:JavaScript中的构造函数案例
<script> function Student(name, age) { this.name = name; this.age = age; } Student.prototype = { constructor : Student, demo : function() { document.write(this.name+"今年"+this.age+"岁"); } } var stu1 = new Student("小明", 20); stu1.demo(); </script>
效果图:
接下来再看看jQuery中构造函数的写法
var jQuery = function(selector, context) { return new jQuery.fn.init(selector, context, rootjQuery); } jQuery.fn = jQuery.prototype = { init: function (selector, context, rootjQuery) { // ... } } jQuery.fn.init.prototype = jQuery.fn;
以上代码就是jQuery构造函数中的关键代码,可以看出在jQuery中真正的构造函数是init方法,当我们调用jQuery时会返回new init()的结果而不直接new jQuery()。即在对象实例化的时候就没必要new jQuery()
jQuery.fn = jQuery.prototype = {...} jQuery.fn.init.prototype = jQuery.fn;
说明函数是jQuery的原型对象,通过它实现了对象的实例化功能。最后再把jQuery的原型对象复值给init()原型对象,所以init()函数就具备了jQuery中原型的所有方法
以上是jquery中构造函数是什么的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。