代码块
- 我们的程序是由一条一条语句构成的,语句是按照自上向下的顺序一条一条执行的
在JS中可以使用{}来为语句进行分组,
同一个{}中的语句我们称为是一组语句,
它们要么都执行,要么都不执行,
一个{}中的语句我们也称为叫一个代码块,在代码块的后边就不用再编写;了
JS中的代码块,只具有分组的的作用,没有其他的用途,代码块内容的内容,在外部是完全可见的
function aa(){
alert('hello!');
}
/*
//直接调用
aa();
变量函数预解析
/*变量预解析*/
/*alert(a);//只把变量a的声明提前,赋值不提前,所以弹出undefined,表示它的值未定义
// alert(c);//报错,c没有声明,这是真正的未定义
var a = 123;
/*函数预解析*/
myalert();//弹出hello!
function myalert(){
alert('hello!');
匿名函数
window.onload = function(){
var oDiv = document.getElementById('div1');
/*有名字的函数*/
// oDiv.onclick = myalert;
// function myalert(){
// alert('hello');
// }
/*匿名函数*/
oDiv.onclick = function(){
alert('hello');
参数传递
window.onload = function(){
var oDiv = document.getElementById('div1');
changeStyle('color', 'gold');
changeStyle('background', 'red');
changeStyle('width', '300px');
changeStyle('height', '300px');
changeStyle('fontSize', '30px');
function changeStyle(styl, val){
oDiv.style[styl] = val;
}
}
return关键字
window.onload = function(){
var oInput01 = document.getElementById('input01');
var oInput02 = document.getElementById('input02');
var oBtn = document.getElementById('btn');
//写入值
// oInput01.value = 10;
// oInput02.value = 5;
oBtn.onclick = function(){
var val01 = oInput01.value;
var val02 = oInput02.value;
var rs = add(val01, val02);
alert(rs);
}
function add(a, b){
var c = parseInt(a) + parseInt(b);
// alert('计算完成');//执行
return c;//返回函数设定的值,同时结束函数的运行
// return;//不返回值,仅结束函数的运行
// alert('计算完成');//不执行
}
}