小白初学JavaScript第五天

一、函数

函数是一种封装，封装的目的是为了复用，封装完毕之后，可以在任意地方，调用任意多次。

function 函数名(){
	函数体;
}

函数不会自动执行，需要调用才可以执行(函数的定义顺序与调用顺序无关

函数名();

1.函数的常见用途：

• 封装
• 事件函数
• 对象的方法

2.函数的参数

形参：函数定义时的参数

实参：函数调用时的参数

理论上函数可以有无限多个参数，多个参数之间使用逗号分隔。

函数的参数是按照顺序传递的

3.arguments

每一个函数都有arguments属性

arguments是一个集合

arguments中存储的是接收的参数(实参)

        //用函数实现求数字多和
        function getSum(){
            // console.log(arguments);
            var sum=0;
            for(var i=0;i<arguments.length;i++){
                sum+=arguments[i];
            }
            console.log(sum);
        }

        getSum(10,20,30,40);
        getSum(10,20);
        getSum(10,20,100);

4.函数的定义方式：

1）function关键字 声明

function 函数名(){}

2)通过变量定义

var fn=function(){};

两种函数的定义方区别：

通过function来定义的函数，可以在任意位置调用

通过变量定义的函数，只能在定义之后使用，不能再定义之前调用函数（代码顺序问题）

注意：若函数出现了重名情况(既是参数个数不一致)，则会出现覆盖现象(后定义的覆盖先定义的)

        function fn(){
            console.log('hello');
        }

        function fn(a){
            console.log(a);
        }

        fn();//undefined
        fn('哈哈哈');//哈哈哈

二、变量的作用域

变量的作用域，指变量生效的范围

根据变量的作用域不同，可以将变量分为两种：

1.全局变量

全局变量在整个文档中都有效(都可以被访问到)

声明再函数外的变量都是全局变量

2.局部变量

声明再函数内的变量(包含形参位置)，是局部变量

注意：

        var a = 10;//全局变量

        function show() {
            var a = 20;//就近原则
            console.log(a);
        }

        show();

作用域链：

​ 一般情况下，变量取值到 创建 这个变量 的函数的作用域中取值。但是如果在当前作用域中没有查到值，就会向上级作用域去查，直到查到全局作用域，这么一个查找过程形成的链条就叫做作用域链

推荐多使用局部变量

全局变量的生命周期较长，不利于快速释放内存

3.预解析(变量提升)

浏览器在执行js代码的时候，有一个预解析的动作。js的执行可以分为两步：

• 找一些东西(var，function定义的内容)
• 逐行执行代码

在预解析的过程中，变量没有被赋值，这个时候，变量的值为undefined。函数也没有被执行，函数只有被调用的时候才会执行

三、函数返回值

在函数中可以使用return语句返回结果

• return一次只能返回一个数据
• return语句包含有结束函数的意思(return后面的代码不在执行)
• 若函数没有返回值，可以认为返回了undefined

1.获取DOM节点样式

getComputedStyle(obj,null) 返回指定节点对象的所有样式对象

var sty=getComputedStyle(this,null);//样式对象
console.log(sty.width,sty.height,sty.backgroundColor);

注意：getComputedStyle方法在低版本的IE上不支持，所以，如果要兼容低版本IE需要使用兼容性写法

封装：

        function getStyle(obj, property) {            
            if (!window.getComputedStyle) {//低版本IE
                return obj.currentStyle[property];
            }
            return getComputedStyle(obj, null)[property];
        }

四、拓展知识：

在分支语句中，可以认为值假的有：

• false
• 0 数字0
• null
• undefined
• “” 空字符串

其余的都是真