|
|
@@ -1,10 +1,12 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
+
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
<script>
|
|
|
var a = 10;
|
|
|
@@ -22,14 +24,14 @@
|
|
|
|
|
|
|
|
|
// 函数具有返回值
|
|
|
- function add(x,y){
|
|
|
+ function add(x, y) {
|
|
|
var res = x + y;
|
|
|
// return 语句可以用来返回函数的执行结果
|
|
|
return res;
|
|
|
// return 语句可以用来结束函数的执行 后边的代码不会执行
|
|
|
console.log(res);
|
|
|
}
|
|
|
- var num = add(10,20);
|
|
|
+ var num = add(10, 20);
|
|
|
console.log(num);
|
|
|
|
|
|
|
|
|
@@ -42,17 +44,42 @@
|
|
|
// console.log(num2);
|
|
|
|
|
|
// 函数与变量
|
|
|
- // 变量是有作用域的
|
|
|
+ // 变量是有作用域的 分为局部变量和全局变量
|
|
|
// 1、在函数内部定义的变量称为局部变量 只能在函数内部使用
|
|
|
// 2、在函数外部定义的变量称为全局变量 可以在任何地方使用包括函数内部
|
|
|
// 3、作用域链:当使用到具体变量的时候先从当前作用域内部查找 如果没有则从外部作用域查找一直找到最顶部作用域
|
|
|
var c = 20;
|
|
|
- function foo(){
|
|
|
+ function foo() {
|
|
|
var c = 10;
|
|
|
console.log(c);
|
|
|
}
|
|
|
foo();
|
|
|
console.log(c);
|
|
|
+
|
|
|
+ // 函数如果不写{} 是不可以的
|
|
|
+ // function foo2() console.log(c);
|
|
|
+
|
|
|
+ // 函数是可以嵌套的 但是如果函数内部定义函数 该函数只能在定义他的函数内部调用
|
|
|
+ function foo3() {
|
|
|
+ function foo4() {
|
|
|
+ console.log("foo4");
|
|
|
+ }
|
|
|
+ foo4();
|
|
|
+ }
|
|
|
+ foo3();
|
|
|
+
|
|
|
+
|
|
|
+ // 变量的作用域
|
|
|
+ // var str1 = "hello";
|
|
|
+ // var str1 = "world";
|
|
|
+ function foo5(){
|
|
|
+ var str1 = "hello1";
|
|
|
+ var str1 = "hello2";
|
|
|
+ }
|
|
|
+ function foo6(){
|
|
|
+ var str1 = "world1";
|
|
|
+ }
|
|
|
</script>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|