javascript的调用函数方法有：1、使用makeArray函数作为它的一个方法，使用json的方式来声明一个对象；2、使用【obj.myFunction()】方法调用语法。
本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。
javascript的调用函数方法有：
JavaScript函数调用规则1
在没有通过明确所有者对象而直接调用的函数中，如myFunction()，将导致this的值成为默认对象（浏览器中的窗口）。
立即学习“Java免费学习笔记（深入）”；
函数调用
让我们现在创建一个简单的对象,使用 makeArray函数作为它的一个方法,我们将使用json的方式来声明一个对象,我们也来调用这个方法
//creating the objectvar arrayMaker = { someProperty: 'some value here', make: makeArray}; //invoke the make() methodarrayMaker.make('one', 'two');// => [ arrayMaker, 'one', 'two' ]// alternative syntax, using square bracketsarrayMaker['make']('one', 'two');// => [ arrayMaker, 'one', 'two' ]
登录后复制
看到这里的不同了吧,this的值变成了对象本身.你可能会疑问原始的函数定义并没有改变,为何它不是window了呢.好吧,这就是函数在JSavacript中传递的方式,函数在JavaScript里是一个标准的数据类型,确切的说是一个对象.你可以传递它们或者复制他们.就好像整个函数连带参数列表和函数体都被复制,且被分配给了 arrayMaker里的属性make,那就好像这样定义一个 arrayMaker:
var arrayMaker = { someProperty: 'some value here', make: function (arg1, arg2) { return [ this, arg1, arg2 ]; }};
登录后复制
JavaScript函数调用规则2
在一个使用方法调用语法,像 obj.myFunction()或者 obj[‘myFunction’](),这时this的值为obj
这是事件处理代码中bug的主要源头,看看这些例子
function buttonClicked(){ var text = (this === window) ? 'window' : this.id; alert( text );}var button1 = document.getElementById('btn1');var button2 = document.getElementById('btn2'); button1.onclick = buttonClicked;button2.onclick = function(){ buttonClicked(); };
登录后复制
点击第一个按钮将会显示”btn”因为它是一个方法调用,this为所属的对象(按钮元素) 点击第二个按钮将显示”window”因为 buttonClicked是被直接调用的(不像 obj.buttonClicked().) 这和我们第三个按钮,将事件处理函数直接放在标签里是一样的.所以点击第三个按钮的结果是和第二个一样的.
使用像jQuery的JS库有这样的优点,当在jQuery里定义了一个事件处理函数,JS库会帮助重写this的值以保证它包含了当前事件源元素的引用,
//使用jQuery$('#btn1').click( function() { alert( this.id ); // jQuery ensures 'this' will be the button});
登录后复制
相关免费学习推荐：javascript视频教程
以上就是javascript的调用函数方法有哪些的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2714842.html
