js怎么写插件

1. 如何用javascript写个插件 开发插件 其实说白了 插件里面就是一个或多个函数的组合 你只需要将一些能实现某些功能的代码做成函数 然后将这些函数全部放在一个js文件里面 到需要用的时候 直接调用这个js文件 他里面的方法 就可以直接进行调用了 像现在流行的jquery 就是里面定义了许多的方法 就比如: function aa(){ //写一个函数 var obj=this;//这里获取当前操作的对象,也就是下面调用时的id="btn"的元素。
在这里进行实现某些功能 } 然后在调用它的时候 function clicks(){ document.getElementById("btn").aa(); } 。
2. js插件有哪些常见的写法,有哪些扩充的插件 //用法实例
var config={
name:'huang',
sex:'nv'
};
//先初始化参数配置,在执行各个主体函数,函数中可以调用config的变量,其实就是jquery的链式操作
$('div.mydiv').pluginName(config).pluginName('getContent').pluginName('val','bing');
</script>
</body>
</html>
3. js插件写法 除了jQuery以外的写法 1.vartemp={}是定义Object对象,Object包含很多键值对 。
这里面的b,bd,at都是键,对应了三个值,这个值可以是函数 。这是javascript的语言特性,如果你看jquery的源代码的话,会发现其中很多地方都是用这个实现的 。
包括JSON对象,实质上也是Object 。2.关键一点就是button在执行你为它绑定的函数的时候,this指的是自己 。
第一次点击的时候你用的是temp.bd(),那么就通过temp这个对象调用bd函数,中间有temp这个中间层,那么bd函数的this指的是temp,点击完了以后你将b1绑定了a.at这个函数,注意,你直接把这个函数绑到了button的click事件上,下回它调用的时候会直接用这个函数,而不是类似于第一次的temp.at(),那么这时候没有temp这个中间层,这里的this指的的button这个对象(不是jquery对象,而是butto这个dom对象),它没有b这个属性,所以就报错了 。P.S.这里有个写法,你替换掉就会发现那两个方法又有效了bd:function(){vara=this;a.b.bind("click",function(){a.at.call(temp);});},这里用了call这个javascript的语言特性,把at这个函数运行时的this指针强制设为temp,就没有问题了 。
4. javascript怎样开发插件 插件的目的是为了实现一系列功能 。一般来讲是分为两种,一种是独立插件,一种是依赖插件 。独立插件的话,只要把插件写在一个js文件里面,把js引进来就可以了 。依赖插件的话,是本身需要依赖于其他的js,比如常见的jq插件,需要依赖jq,使用的时候要先把jq引进来,然后再把这个js引进来 。
js插件的开发需要几个注意点:
独立变量,方法 。防止和其他js产生冲突,一般采用闭包 。
暴露设置,暴露方法调用 。为了插件根据需要做一些设置上的改变 。
防止重复定义,一般有一个初始化,建议采用匿名函数实现只能初始化一次 。
以下是我做的一个简单的例子 。
【js怎么写插件】

js怎么写插件

文章插图