（4）元素可视区client系列、立即执行函数

client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

element.clientWidth	返回自身包括padding、内容区的宽度，不含边框，返回数值不带单位
element.clientHeight	返回自身包括padding、内容区的高度，不含边框，返回数值不带单位
element.clientTop	返回元素上边框的大小
element.clientLeft	返回元素左边框的大小

立即执行函数

        不需要调用，立马能够自己执行的函数。常用两种写法：

(function ( ){ })  ( )    或者  ( function() {} () );

(function(a, b) {
            console.log(a + b);
            var num = 10;
        })(1, 2); // 第二个小括号可以看做是调用函数

 (function sum(a, b) { //也可以写函数名
            console.log(a + b);
            var num = 10; // 局部变量
        }(2, 3));
       

        立即执行函数最大的作用就是，独立创建了一个作用域，里面所有的变量都是局部变量，不会有命名冲突的情况（在引入多个js文件时）。

---

祝你学习快乐！