JavaScript-第五天（B站黑马程序员）

一、函数（接上节）

1、argumens

1. 伪数组，并不是真正意义上的数组
2. 具有数组的length属性
3. 按照索引方式进行存储
4. 没有真正数组的一些方法，eg. pop() push()等

function fn() {
    console.log(arguments); // result = 1，2，3，4
}
fn(1, 2, 3, 4);

function getMax() {
    var max = arguments[0];
    for (var i = 1; i < arguments.length; i++) {
        if (max < arguments[i]) {
            max = arguments[i];
        }
    }
    return max;
}
console.log(getMax(1, 2, 3, 44, 55, 21, 68, 95, 4, 5, 65));

 2、函数声明的两种方式

// 1. 函数名fn
function fn() {
    console.log('我是一个函数');
}

// 2. 变量名fn，函数没有名字->匿名函数
var fn = function () {
    console.log('我是一个函数');
}

二、作用域

JavaScript作用域：变量在某个范围内起作用和效果，目的是为了提高程序的可靠性更重要的是减少命名冲突。

js的作用域（es6）之前：全局作用域、局部作用域（函数作用域）：

1. 全局作用域：整个script标签或者是一个单独的js文件
2. 局部作用域（函数作用域）：在函数内部就是局部作用域，这个变量只在函数内部起效果和作用

变量的作用域：根据作用域的不同我们变量分为全局变量和局部变量：

1. 全局变量：在全局作用域下的变量，在全局下都可以使用。注意：如果在函数内部没有声明直接赋值的变量也属于全局变量
2. 局部变量：在局部作用域下的变量，后者在函数内部的变量就是局部变量。注意：函数的形参也可以看做是局部变量

从执行效率来看全局变量和局部变量：

1. 全局变量只有浏览器关闭的时候才会销毁，比较占内存资源
2. 局部变量 当我们程序执行完毕就会销毁， 比较节约内存资源

注意：js中没有块级作用域。块级作用域{ }，eg.  if { },  for() { }

作用域链：内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值。这种结构我们称为作用域链（就近原则）。

var num = 10;
function fn() { // 外部函数
    var num = 20;
    function fun() { // 内部函数
        console.log(num); // num = 20
    }
    fun();
}
fn();

三、预解析

js引擎运行js分为两步：预解析、代码执行

1. 预解析：js引擎会把js里面所有的var还有function提升到当前作用域的最前面
2. 代码执行：按照代码书写的顺序从上往下执行

预解析：变量预解析（变量提升）和函数预解析（函数提升

1. 变量提升：就是把所有的变量声明提升到当前的作用域最前面，不提升赋值操作
2. 函数提升：就是把所有的函数声明提升到当前作用域的最前面，不调用函数

// 1. 变量提升
console.log(num); // undefined  坑 1
var num = 10;

// 相当于执行了以下代码
var num;
console.log(num);
num = 10;

// 2. 函数提升
fun(); // 会报错，原因见下
var fun = function() {
        console.log(22);
    }

// 相当于执行了以下代码
var fun;
fun(); // 函数调用必须写在函数表达式的下面
fun = function() {
    console.log(22);
}

四、对象

1、利用字面量创建对象

1. 里面的属性或者方法采取键值对的形式，键 属性名：值 属性值
2. 多个属性或者方法用逗号隔开
3. 方法后面跟的是匿名函数

// 利用对象字面量创建对象
var obj1 = {}; // 创建了一个空的对象
var obj2 = {
    uname: 'apple',
    age: 18,
    sex: '女',
    sayHi: function () {
        console.log('Hi');
    }
}

2、利用new Object创建对象

// 利用new Object创建对象
var obj = new Object(); // 创建了一个空的对象
obj.uname = 'apple';
obj.sayHi() = function () {
    console.log('Hi');
}

3、利用构造函数创建对象

new关键字的执行过程：

1. new 构造函数可以在内存中创建了一个空的对象
2. this 就会指向刚才创建的空对象
3. 执行构造函数里面的代码 给这个空对象添加属性和方法
4. 返回这个对象

// 1.创建构造函数
// 构造函数首字母大写
function Star(uname, age, sex, song) {
    this.uname = uname;
    this.age = age;
    this.sex = sex;
    this.sing = function () {
        console.log(song);
    }
}
// 2.利用构造函数创建对象
var apple = new Star('apple', 18, '女', 'hello'); // 不需要return，就可以返回一个对象

4、调用对象

可以调用对象的属性和方法

// 调用对象的属性 
// 1. 对象名.属性名
console.log(obj2.uname);
// 2. 对象名['属性名']
console.log(obj2['uname']);

// 调用对象的方法
// 1. 对象名.方法名
obj2.sayHi();

5、遍历对象

for(var 变量 in 对象){ }

// for(var 变量 in 对象)
for (var k in obj) {
    console.log(k); // 输出 属性名
    console.log(obj[k]); // 输出 属性值
}