js---函数

立即执行函数

(function(){
   alert("这是一个函数"); 
})()

作用域

作用域指一个变量的作用范围

在js中一共有两种作用域

　　1.全局作用域

　　直接编写在script标签中的js代码，都在全局作用域中

　　全局作用域在页面打开时创建，在页面关闭时销毁

　　在全局作用域中有一个全局对象window，它代表一个浏览器窗口，由浏览器创建，我们可以直接使用

　　在全局作用域中创建的变量都会作为window对象的属性保存

　　创建的函数都会作为window的方法保存

　　全局作用域中的变量都是全局变量，在页面任意部分都可以访问到

 

　　2.函数作用域

　　调用函数时创建函数作用域，函数执行完毕后销毁

声明提前

变量声明提前

　　使用var关键字声明的变量，会在所有的代码执行之前被声明（但不会赋值）

　　但如果声明变量时不使用var关键字，则变量不会被声明提前

函数声明提前

　　使用函数声明形式创建的函数function 函数(){}

　　它会在所有代码执行之前被创建，所以可以在函数声明前来调用函数

this

解析器在调用函数每次都会向函数内部传递进一个隐含的参数，

这个隐含的参数就是this，this指向的是一个对象，

这个对象我们称为函数执行的上下文对象，

根据函数调用方式不同，this会指向不同的对象

　　1.以函数形式调用，永远都是window

　　2.以方法形式调用时，this就是调用方法的那个对象

 

构造函数

构造函数与普通函数的区别是调用方式不同，普通函数是直接调用，构造函数需要使用new关键字来调用

function Person(){
    this.name="孙悟空"
}
var per=new Person()

构造函数执行流程：

1.创建一个新的对象

2.将新建的对象设置为函数中的this

3.逐行执行函数中的代码

4.将新建的对象作为返回值返回

 

原型prototype

创建一个函数，解析器都会向函数中添加一个属性prototype，即显式原型（属性）

这个属性对应着一个对象，这个对象就是原型对象

如果函数作为普通函数调用prototype时，没有任何作用

当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，

每个实例对象都有一个__proto__，称为隐式原型（属性）

指向该构造函数的原型对象，我们可以通过__proto__来访问该属性

function Fn(){    
}
Fn.prototype//显式原型
var fn=new Fn()
fn.__proto__//隐式原型

原型对象就相当于一个公共的区域，所有同类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中

当访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有就直接使用，如果没有则会去原型对象中寻找，找到后直接使用

 

检查对象中的属性

使用in检查对象中是否有某个属性时，如果对象中没有但原型中有，也会返回true

可以使用hasOwnProperty()来检查自身中是否含有该属性，该方法只有自身拥有这项属性时才会返回true

call()和apply()

这两个方法都是函数对象的方法，需要通过函数对象来调用

在调用call和apply时可以将一个对象指定为第一个参数

此时这个对象将会成为函数执行时的this

arguments

在调用函数时，浏览器每次都会传递进两个隐含的参数：

1.函数的上下文对象this

2.封装实参的对象arguments

arguments是一个类数组对象，它也可以通过索引来操作数据，也可以获取长度

在调用函数时，我们所传递的实参都会在arguments中保存

arguments中有一个属性叫callee，这个属性对应一个函数对象，就是当前正在执行的函数对象

 

回调函数

什么是回调函数？

1.你定义的

2.你没有调

3.但最终它执行了

常见的回调函数

dom事件回调函数

定时器回调函数

ajax请求回调函数

生命周期回调函数

 

IIFE

 Immediately Invoked Function Expression,

立即调用的函数表达式

(function foo(){
  var a = 10;
  console.log(a);
})();

作用：隐藏实现，不会污染外部（全局）变量的命名，用它来编写js模块

 

this

this是什么？

　　任何函数本质上都是通过某个对象来调用的，如果没有指定就是window

　　所有函数内部都有一个变量this

　　它的值是调用函数的当前对象

 

递归调用

在函数内部调用自己