以下笔记是我学习JavaScript时所记录的笔记,参考书籍(建议大家购买正版。):
[JavaScript_DOM编程艺术第二版(中文).PDF][1]
![此处输入图片的描述][2]
函数
多次使用同一段代码,可以把它们封装成一个函数。函数就是一组允许你在代码里随时调用的语句,每个函数都是一个短小的脚本。
先对函数做出定义再调用他们:
格式function 函数名(){...语句...}
function name(){
var a = ["ruofei","lee","liu","chen"];
for(var b=0;b<a.length;b++){
document.write(a[b]," ");
}
}
这个name函数是依次在页面上显示出数组a
里的内容,在页面中调用这个函数name();
显示内容如下:
ruofei lee liu chen
当要需要反复重复同一件事情的时候,则可以使用函数来操作。不过函数的真正威力是可以把不同的数据传送给它,它将这些数据在预先设定好的规则下操作完成后返回我们一个结果。
比如一个物理问题:
一个10kg重的物体,它的重力是多少?那20kg,25kg呢?
先构建函数g
:
function g(kg){
var n = kg * 9.8;
document.write(n," ");
}
然后在需要做运算输出结果的地方插入g(多少kg)
:
g(10);
g(20);
g(25);
得出的结果是:
98 196 245.00000000000003
这里我有个问题,为什么是会出现小数,求大神解释下。
以下是完整的代码:
<script type="text/javascript">
function g(kg){
var n = kg * 9.8;
document.write(n," ");
}
</script>
<script type="text/javascript">
g(10);
g(20);
g(25);
</script>
document.write(n," ");
," "
这个空值只是想让输出的内容间有个字符的间隔而已,方便观察!
函数与变量命名技巧
命名变量和函数的命名方式可以区分出来,方便观察,比如一个使用_
下划线写法,一个使用驼峰写法,可以把变量和函数一眼区分出来。
如:
<script type="text/javascript">
function aGravity(kg){
var a_gravity = kg * 9.8;
document.write(a_gravity," ");
}
</script>
<script type="text/javascript">
aGravity(10);
aGravity(20);
aGravity(25);
</script>
变量的作用域
变量有两种形式:全局变量、局部变量
全局变量:可以在脚本中任意位置引用(包括函数内部)。作用域是整个脚本。
声明方法:
变量名 = 值;
a = 0 ; //不使用var声明的变量是全局变量
局部变量:只存在于声明它的这个函数内部,在函数外是无法被引用的。作用域是某个特定的函数内。
var 变量名 = 值;
var a = 0 ; //使用var声明的变量是局部变量