jquery学习笔记---闭包,原型链,this关键字
2015-08-26 10:47
537 查看
网上的资料很多,关于闭包,原型链,面向对象之内的。本人也有一点自己的总结。
关于this:
this 的值取决于 function 被调用的方式,一共有四种,
如果一个 function 是一个对象的属性,该 funtion 被调用的时候,this 的值是这个对象。如果 function 调用的表达式包含句点(.)或是 [],this 的值是句点(.)或是 [] 之前的对象。如myObj.func 和myObj["func"] 中,func 被调用时的 this 是myObj。
如果一个 function 不是作为一个对象的属性,那么该 function 被调用的时候,this 的值是全局对象。当一个 function 中包含内部 function 的时候,如果不理解 this 的正确含义,很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。解决办法是将外部 function 的 this 值保存在一个变量中,在内部 function 中使用它来查找变量。
如果在一个 function 之前使用 new 的话,会创建一个新的对象,该 funtion 也会被调用,而 this 的值是新创建的那个对象。如function User(name) {this.name = name}; var user1 = new User("Alex"); 中,通过调用new User("Alex") ,会创建一个新的对象,以user1 来引用,User 这个 function 也会被调用,会在user1 这个对象中设置名为name 的属性,其值是Alex 。
可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值。由于它们存在,我们得以创建各种有用的函数。
关于new:如果在一个函数前面带上new来调用该函数,那么将创建一个隐藏连接到该函数的prototype成员的新对象。
关于call,apply。call,apply的直接意义就是方法调用,与直接a()调用的区别是,因为js函数的this完全取决于函数调用时的状态,类似闭包这样的结构,this就会指向window全局对象,通过,call可以指定调用函数内的this值。
js的类的写法一般分为闭包,prototype 之于的对象两种。prototype和function对象是js的最特别之处(个人认为最酷的地方,关键是写法非常的灵活而且读起来结构非常清晰),所以一般我喜欢使用第二种方法写js的类。
方法很简单一般是建立空的构造器函数,使其protoype到一个json结构的对象(这样结构会非常清晰)。最后对空的构造器函数new , 创建实例。
问题是如果我想在类中写jquery事件的话,this就会指向击发事件的dom对象而不是函数对象,所以根据作用域,在事件函数前方法函数(pri)中将this属性传给局部变量var i与 var $obj 特别要注意的是必须加上var,否则就是全局变量(成为window全局对象的一个属性,而不是pri方法的私有变量,在创建多个实例的情况下会出错)。
正确写法,加var
发现每创建一个实例,需要手动init属性。最后一步完善,利用arguments,apply完善构造器函数
在这一过程中,也理解了 var p={ inti:function(){this.name=“###”}}与 var p={init:function(){p.init.name=“###”}}的本质区别
错误示例
关于this:
this 的值取决于 function 被调用的方式,一共有四种,
如果一个 function 是一个对象的属性,该 funtion 被调用的时候,this 的值是这个对象。如果 function 调用的表达式包含句点(.)或是 [],this 的值是句点(.)或是 [] 之前的对象。如myObj.func 和myObj["func"] 中,func 被调用时的 this 是myObj。
如果一个 function 不是作为一个对象的属性,那么该 function 被调用的时候,this 的值是全局对象。当一个 function 中包含内部 function 的时候,如果不理解 this 的正确含义,很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。解决办法是将外部 function 的 this 值保存在一个变量中,在内部 function 中使用它来查找变量。
如果在一个 function 之前使用 new 的话,会创建一个新的对象,该 funtion 也会被调用,而 this 的值是新创建的那个对象。如function User(name) {this.name = name}; var user1 = new User("Alex"); 中,通过调用new User("Alex") ,会创建一个新的对象,以user1 来引用,User 这个 function 也会被调用,会在user1 这个对象中设置名为name 的属性,其值是Alex 。
可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值。由于它们存在,我们得以创建各种有用的函数。
关于call,apply。call,apply的直接意义就是方法调用,与直接a()调用的区别是,因为js函数的this完全取决于函数调用时的状态,类似闭包这样的结构,this就会指向window全局对象,通过,call可以指定调用函数内的this值。
js的类的写法一般分为闭包,prototype 之于的对象两种。prototype和function对象是js的最特别之处(个人认为最酷的地方,关键是写法非常的灵活而且读起来结构非常清晰),所以一般我喜欢使用第二种方法写js的类。
方法很简单一般是建立空的构造器函数,使其protoype到一个json结构的对象(这样结构会非常清晰)。最后对空的构造器函数new , 创建实例。
正确写法,加var
发现每创建一个实例,需要手动init属性。最后一步完善,利用arguments,apply完善构造器函数
相关文章推荐
- 读jQuery源码之旅(1)
- jquery提示框设置显示位置
- jQuery实现的网页竖向菜单效果代码
- jQuery笔记
- jquery学习笔记---this关键字
- jquery属性选择器中|value和^value的区别
- jquery学习笔记---Dom操作
- jQuery时间轴特效
- Jquery中$.ajax()方法参数详解(转)
- jquery实现的横向二级导航效果代码
- jquery制作banner图片左右上下切换滚动特效
- jQuery三级下拉列表导航菜单代码分享
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- jQuery 遍历 json 方法大全
- JQuery Mobile 简单入门引导
- jQuery的deferred对象详解
- jQuery如何实现点击页面获得当前点击元素
- JQUERY 模糊选择
- (function($){...})(jQuery)是什么意思
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表