如何调用js文件中对象的函数

JavaScript015

如何调用js文件中对象的函数,第1张

代码如下:

1.HTML页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="1.js" ></script>

<script type="text/javascript" src="2.js" ></script>

</head>

<body>

<input type="text" id="tex" name="tex" onblur="fun()" />

</body>

</html>

2.js:

function onCli(){

var va=document.getElementById("tex").value

if(null == va || "" == va){

alert("请在文本框中输入内容!")

return false

}

return true//当va的值不为空时 if(onCli())中onCli()是undefined

}

3.js

function fun(){

if(onCli()){

alert("调用成功!")

}

}

一、从定义的角度来说:

function Function(){}

前者为定义一个js函数

后者为这个函数的名称

Object为选择的DOM对象

二、从用法讲:

var a = new Object(function(){})

这里a也是function了。

三、总结:

不管是function ,还是new Function(), 还是new Object(function(){}),当解释器(例如V8)遇到时,则将它们初始化成一个函数(最主要的是给其添加了一个[[call]]属性)。

javascript中,“函数”(方法)也是对象。

一切对象都有一个根源。它是Object.prototype。

根源之上再没有其他根源。Object.getPrototypeOf(Object.prototype)是null。js中除字面量以外的一切引用对象都来自这个“根源”对象。

表达式Object.getPrototypeOf(Function) === Function.prototype的结果是真。这是Function特有的。实际上Function的prototype是一个内置函数,一切函数都派生自这个内置函数,这个内置函数是一个函数工厂。这个内置函数对象的prototype指向“根源”对象。

表达式Object.prototype === Object.getPrototypeOf(Function.prototype)的结果是真。说明了Object跟Function二者之间的联系,是通过“根源”对象联系起来的。

Function和Object,既是函数,因为都可以Function()或者Object()这样的方式执行,又是对象,因为可以Function.a = 'a',Object.a = 'a'这样赋值。

说它们是函数,是因为他们都是通过上面第4条中说的”内置函数工厂“,派生出来的,因而具备函数的特性。

说他们是对象。是因为他们都是通过上面第1条中的”根源“对象,派生出来的,因此具备对象的特征。

继续说一下,Function.prototype指向”内置函数“。而Object.prototype指向”根源对象“。

因而new Function会产生一个匿名函数,而new Object产生一个plain object。

他们之间的关系简单描述就像下面这样。

用Function.prototype.bind即可

比如this.ele.addEventListener('touchstart', this.selectmouse.bind(this))

定义在Dumplings.prototype里的函数如果作为Dumplings实例的方法调用,其this指针会指向Dumpling实例。

但作为参数传递给其他函数(比如addEventListener)时其this指针会被重置,由addEventListener控制。

你需要在prototype里的函数里调用其它同级的函数,this就应当指向Dumplings实例,用this.ele来绑定事件和访问事件的对象,这样才能通过this来访问其他同级对象。为防止addEventListener改变this的指向,需要用bind固定下来。