JavaScript4 JavaScript函数与变量的作用域

1 函数

1.1定义函数,function关键字

1.直接创建函数
语句格式:
function functionName(parameters) {
执行的代码
}

        // 1.直接定义的函数u
        function f1_1() {
            alert("第1_1个函数")
        }

2.创建匿名函数

     // 2.匿名函数定义后赋给一个对象
        var f1_2=function () {
            alert("第1_2个函数")
        }

3.用函数构造器

// 3.函数构造器创建函数
        var f1_3=new Function("alert('第1_3个函数')")

1.2 使用参数

1.2.1 直接使用

1.2.2 作为方法使用

1.2.3 作为构造函数使用

1.2.4 作为函数方法调用函数

http://www.runoob.com/js/js-function-invocation.html

1.3使用返回值

2 变量定义与作用域

2.1变量定义

2.1.1 基本的定义

在其它语言里.定义=声明+赋值.例如在c++中,下面的第一条语句是声明,第二条语句是赋值,结果就是定义了一个a,并且这个a的值还是5.并且a一旦声明以后不能再次声明.

int a;
此时还不能使用a,因为a还没有被赋值
a=2;

但是在js里并不必须是这样的.
(1)可以像其他语言里那样,先声明再赋值表示定义.

        // 显示声明
        var a;
        a=1;
        alert(a);

(2)可以省略声明这个过程.

        //隐式声明
        b=2;
        alert(b)

(3)可以不赋值直接使用,此时变量的值是undefined

        var a;
        alert(a);

2.1.2 重复定义

但不过这个好像没什么用.因为js是弱类型的语言,不需要重复定义,直接赋值就好了.对一个变量重复使用var是允许的.

2.2 作用域

2.2.1 全局作用域

1.在<script>标签对中定义,这样的变量在定义之后任何语句都可见.(特殊情况请看下面的变量提升)
2.在全局中定义的变量加不加var都可以.并且可以直接通过变量名和windows.变量名访问.

    <script>
        var a=1;//显示声明
        alert(a);
        alert(window.a)
        b=2;//隐式声明
        alert(b);
    </script>

2.2.2 函数作用域

1.在函数中定义,只能在函数中语句的定义之后可见(特殊情况请看下面的变量提升)
2.定义时加var
(1)定义了函数作用域变量.在函数内部可见.
(2)函数作用于变量与全局变量同名情况.
直接访问的是函数作用域变量,而不是全局变量.可以通过window.变量名访问.

    <script>
        var a=1;
        function f1() {
            var a=2;//此处为函数作用域变量
            alert("全局作用域a:"+window.a);//结果为1
            alert("函数作用域a:"+a);//结果为2
        }
        f1()
    </script>

3.定义时不加var
(1)相当于定义全局变量.可以在函数内部和外部看见.,不过想要这样用的话要先调用这个函数为全局变量.

    <script>
        function f1() {
            var a=1;
            alert("f1用var定义了a"+a)
            b=2;
            alert("f1用var定义了b"+b)
        }
        function f2() {
            //用var定义的a不可见
            alert("f2可见b"+b)
        }
        f1();
        f2();
    </script>

2.2.3 块作用域,let关键字

1.在语句块中定义,只能在语句块(包括for,while,if,switch语句)中变量的定义之后可见(特殊情况请看下面的变量提升)
2.使用let关键字.

    <script>
        function f1() {
            for(let i=0;i<5;i++){
                alert(i);
            }
            alert(i)//这里回报做,不能访问块作用域i
        }
        f1();
    </script>

3.总结:在块作用域中,不加关键字定义表示全局变量,加var定义表示函数作用域变量,加let定义表示块作用域变量,

2.3 变量提升

2.3.1 变量提升

正常情况下,所有的var定义都会在这个函数开始之前执行.
(1)下面的情况肯定会报错,因为a还没有定义

    <script>
        alert(a);
    </script>

(2)这样不会报错,因为a变量提升,默认提升到了开头相当于var a; alert(a);

    <script>
        alert(a);
        var a;
    </script>

2.3.2 严格模式

1.为什么需要严格模式
上面的许多例子都让我们看见js与其他编程语言很大的不同,js的这些不同让和很多其他语言的程序员看js的代码很是头疼,并且这样的随影性让内存开销更大,因此为了与其他语言接轨并且减小内存开销.需要设用一种限制js本身自由语法的模式,这样的模式称为严格模式.
同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。掌握这些内容，有助于更细致深入地理解Javascript，让你变成一个更好的程序员。
2.打开严格模式.
(1)全局开启script标签第一行添加 “use strict”;

    <script>
        "use strict";
        a=4;//不允许直接赋值,需要实现声明
        alert(a);
    </script>

(2)函数内部开启严格模式,函数第一行添加 “use strict”;
3.严格模式的特点,太多了.
http://www.runoob.com/js/js-strict.html

3 const关键字

1.定义常量.但这个常量不是完全的常量,只是说明这个变量指针不能变,但是指针所指的那部分内存区域的内容可以变…(关于指针在后面的章节会解释)
2.
(1)必须在声明的时候给指针.
(2)可以修改对象类型的内容.

    <script>
        test_obj={
            "att1":"value1",
            "att2":"value2",
        }
        const a=test_obj;//必须在声明时赋值
        //并不是完全的常量
        alert(a.att1)
        test_obj.att1="new value1"
        alert(a.att1);
    </script>