js函数带参调用

JavaScript014

js函数带参调用,第1张

<span id="demo"></span>

<script>

var text="dffasdfasdfadsfadsfdafklsjdflkajsdf'alskdjf'asdlf" //预定文字

var delay=200 //文字出现的时间间隔

var i=0 //初始化变量 i

function scrollit(){

//设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_"

document.getElementById('demo').innerHTML=text.slice(0,i++)+"_"

if(i>text.length){ //当 i 大于 text 的文本长度时

i=0//重设 i 为 0,使文字重新从第一个文字出现

//延时执行scrollit()函数,delay*10是为了让显示完整文字的时间长一点

setTimeout("scrollit()",delay*10)

}

//否则在delay毫秒后再次执行scrollit()函数

else setTimeout("scrollit()",delay)

}

scrollit()//调用scrollit()函数

</script>

JS函数调用的四种方法

1:方法调用模式

/*方法调用模式*/

    var myobject={

            value:0,

            inc:function(){

                    alert(this.value)

                }

        }

    myobject.inc()

请注意this此时指向myobject

2:函数调用模式

/*函数调用模式*/

    

    var add=function(a,b){

        alert(this)//this被绑顶到window

            return a+b

        }

    var sum=add(3,4)

    alert(sum)

请注意this此时指向window

3:构造器调用模式

/*构造器调用模式  摒弃*/

    

    var quo=function(string){

            this.status=string

        }

    quo.prototype.get_status=function(){

            return this.status

        }

    var qq=new quo("aaa")

    alert(qq.get_status())

javascript语言精粹一书建议摒弃这种方式

4:apply调用模式

/*apply*/

    //注意使用了上面的sum函数

    //与myobject

    //这中调用方式的优点在于可以指向this指向的对象。

    //apply的第一个参数就是this指针要指向的对象

    var arr=[10,20]

    var sum=add.apply(myobject,arr)

    alert(sum)

看这个apply真正应用。bind这是一个绑定时间的函数

var bind=function(object,type,fn){

            if(object.attachEvent){//IE浏览器

                    object.attachEvent("on"+type,(function(){

                                                           return function(event){

                                                               window.event.cancelBubble=true//停止时间冒泡

                                                               object.attachEvent=[fn.apply(object)]

                                                               //在IE里用attachEvent添加一个时间绑定以后。

                                                               //this的指向不是到object对象本身所以。我们绑定的function里的this.id是无法正常工作的。

                                                               //但是如果我们用fn.apply(object)

                                                               //这里可以看出我们是把apply的第一个对象也就是this的指向变更给了object所以this.id就变成了

                                                               //object.id 可以正常工作了。

                                                               

                                                               }

                                                           })(object),false)

                }else if(object.addEventListener){//其他浏览器

                        object.addEventListener(type,function(event){

                                                              event.stopPropagation()//停止时间冒泡

                                                              fn.apply(this)

                                                              })

                    }

            

        }

    bind(document.getElementById("aaa"),"click",function(){alert(this.id)})

具体调用情况需要看js方法是怎么写的。

①如果是最简单的一个方法:functiuon dome1(){ //.代码块}//调用方法就是:dome1()。

②如果是闭包形式:function dome1(){ function dome2(){ } return function dome3(){ }}//这里可以访问dome1方法内的dome3方法,dome2方法对与dome1方法外部是不可见的。

③如果是一个对象形式的:var obj={ dome1:function(key,value){}, dome2:function(){}}//访问dome1和dome2方法:obj.dome1(1,2)obj.dome2()。

他的情况需要看具体的代码。

扩展资料

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数语法,函数就是包裹在花括号中的代码块,前面使用了关键词 function: 当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

创建函数的语法

function函数名 (var1, var2, ..., varX) {代码... }

function函数名 (var1, var2, ..., varX) {代码... }

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。

注意:无参数的函数必须在其函数名后加括号:

function函数名 ()  { 代码...  }

function函数名 ()  { 代码...  }

注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

参考资料:百度百科——JavaScript 函数