javascript-6函数

来源:互联网 发布:医疗软件销售 编辑:程序博客网 时间:2024/06/10 08:53

var temp=80;

coolIt(temp);

alert(temp);

function coolIt(temperatureaue){

 temperature--;

}


函数外面的temp依旧是80.


函数——增强了代码的可复用性。


函数也能利用变量语法而建立,甚至构成元件也相同:函数名称、值。var name=zhangsanfeng;当函数主题单独出现,而没有名称时,又被称为函数字面量。like:function(seatNum){

alert("haha");

}

其实和函数没啥区别啦,就是函数,只是被当做数据以后,他就变了个称呼叫做函数字面量。var myName=function(name){alertt(x)}


调用函数和引用函数是有区别的。

函数调用必定跟随括号,很多时候还附有自变量;但是函数引用只需要一个函数名就可以了。

var myShowSeatStatus = showSeatStatus;就是对myShowSeatStatus指派函数引用。

var myName=function(name){alertt(x)}就是对myName指派函数调用


调用函数的方式不止一种

普通调用方式如:setSeat(2,selected,nidedongxi)

function setSeat(seatNum,status,description){

...

}

而另一种调用方式是:回调函数。它常用来处理事件。他就是让javascript与HTML龙蛇混杂的元凶。他是这样子的:

<script>

function initSeats(){

...

}

</script>

<body onload="initSeats();">

...

</body>

函数引用可以解决这个麻烦,它可以让javascript和HMTL分离。

How?

使用函数引用联结事件。window.onload = initSeats;这句话取代了上面的代码。

如果需要传递自变量给事件处理器,可以使用函数字面量。document.getElementById("seat26").onclick = function(evt){

showSeatStatus(26);

}

window.onload = function(){

document.getElementById("findseats").onclick = findSeats;

//访问每个座椅图像的onclick特性,用来设定onclick事件处理函数。

document.getElementById("seat0").onclick = function(evt){showSeatStatus(0);};

//调用这个函数用来结束onload的任务。

initSeats();

}

javascript可以和HTML完全分离——用函数引用或者函数调用(这里用到了函数字面量。)



0 0
原创粉丝点击