网站建设资讯

NEWS

网站建设资讯

javascript包装,js基本包装类型

javascript中如何将带参数函数包装成无参数函数

div.onclick = div_onclick; //为事件绑定事件函数function div_onclick(){alert("div onclick event"); var div = document.createElement("div"); div.onclick = div_onclick(str); //----------------错误的代码function div_onclick(str){alert(str); }其中错误的那行代码的真实运行情况应该是:先以str作为参数调用div_onclick函数,显然,调用的结果就是弹出了alert窗口,点击确定后,div_onclick函数将返回,返回值再给div.onclick赋值,这和我们打算将函数div_onclick绑定到div.onclick上的初衷是不符合的。这就存在了一个问题,我们既要为div.onclick绑定一个函数,又要能够为绑定的函数传递一些参数,显然,我们需要能够将带参数的函数以及我们想要传递给它的参数一起包装成一个无参数的新函数,再将这个无参数的新函数绑定到相应的事件上面去,实现的方法有好多种,这里介绍一种比较简单通用的方法,这种方法可以将任意一个带参数的函数包装为一个不带参数的函数,该方法要求添加如下函数定义:Function.prototype.bind = function(){var __method = this; var arg = arguments; return function() { __method.apply(window, arg);}}关于这个函数的实现就不再多解释了,这里只说明一点,这个代码段是为所有的函数定义了一个函数名为bind的公共静态函数,由于javascript的面向对象的特性,使得任何一个以function来定义的函数本身都是一个Function类,关于上面的函数定义方式,请参阅《Javascript——Prototype Based Language》。将上面的函数加入到你的文件中,就可以使用它来将带参数的函数包装成一个无参数函数了。在div的例子中,我们将得到如下的代码:Function.prototype.bind = function(){var __method = this; var arg = arguments; return function() { __method.apply(window, arg);}}var str = "div onclick event"; var div = document.createElement("div"); div.onclick = div_onclick.bind(str); //将带参数的函数包装成无参数的函数function div_onclick(str){alert(str); }这样,就能实现我们的初衷了。更复杂的,参数可以是多个,也可以是任意类型的。这里我给出两个例子,以说明这种应用。

公司主营业务:网站设计制作、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出偏关免费做网站回馈大家。

js中什么叫包装类型

基本包装类型:内部创建对象,可以调用它自己内部的特殊行为

javascript的基本包装类型

如果你是真的要搞懂JavaScript的话, 请抛弃Java类似的基本/包装/引用等概念

在ECMA-262规范中, ECMAScript/JavaScript(下简称ES)只有七种类型

Undefined, Null, Boolean, String, Symbol, Number, Object

至於Function, Array等都是继承自Object的类型

不过你的问题, 按照一般的思考方式, 仍旧是可以回答的

1. B/S/N是基本类型, 不具有引用类型的特徵, 你能够访问基本类型的属性

例如

'a string'.replace()

30 .toString(16)

是因为ES的解释器会生成临时对象, 并以这个对象为this进行了函数调用

2. 基本类型不具有属性和方法, 引用类型可以有属性和方法

包装类型可以有也可以没有, 解释引擎可以在这个问题上任意实现

3. 包装类型是临时的, 由解释引擎决定如何进行的, 是纯脚本层面不接触的

引用类型就是对象


名称栏目:javascript包装,js基本包装类型
浏览路径:http://cdweb.net/article/dsedopp.html