JS中的函数

一、定义绝对值函数

第一种方式:

function abs(x){
       if(x>=0){
             return x;
       }else{
             return -x;
       }
}

第二种方式：

var abs=function(x){
      if(x>=0){
            return x;
      }else{
          return -x;
      }
}

函数相当于是匿名的，可以把结果赋值给abs，通过abs就可以调用函数。 也就是当省略函数名的时候，该函数就成为了匿名函数。

二、函数参数

可以传任意个参数，也可以不传参数。

• Q：进来的参数如果存在问题，怎么去解决？
  假设参数不存在，如何去规避？

var abs = function(x) {
    //手动抛出异常来判断
    if(typeof x!== 'number') {
        throw 'Not a Number';
    }
    if(x>=0) {
        return x;
    } else {
        return -x;
    }
}

三、argument对象(关键字)

能获取传递进来的所有的参数，是一个数组

arguments[0]
arguments[1]
arguments[2]

当然，参数也可以被赋值：

arguments[1] = 'new value';

例如：

var abs = function(x) {
    console.log("x=>"+x);
    for(var i=0;i<arguments.length;i++) {
        console.log(arguments[i]);
    }
    if(x>=0) {
        return x;
    } else {
        return -x;
    }
}

四、rest

获取除了已定义的参数外所有的参数

Rest 参数可以通过使用三个点...并在后面跟着包含剩余参数的数组名称，来将它们包含在函数定义中。这些点的字面意思是将剩余参数收集到一个数组中。

function f(a,b,...rest) {
    console.log("a=>"+a);
    console.log("b=>"+b);
    console.log(rest);
}

Rest 参数必须放到参数列表的末尾

五、变量

1、变量的作用域

①函数体内声明的变量，不能在函数体外使用。（可以用闭包实现）
②如果两个函数使用了相同的变量名，只要在函数的内部，不会冲突。
③内部函数可以访问外部函数的，外部函数是不可以访问内部函数的。
eg.

function f() {
    var x = 1;
    function f3() {
        var y = x+1;//2
    }
        var z = y+1;//Uncaught ReferenceError: y is not defined
    }

④内部函数和外部函数变量重名了是不会互相影响的。
PS :① js里面没有函数重载的概念，在js中，定义了两个同名函数后，后面的函数会覆盖前面定义的函数。
②而JS中函数变量查找是由“内”向“外”查找，假设外部存在同名的函数变量，则内部函数会自动屏蔽外部函数。

另外，注意规范性→所有的变量定义都放在函数的头部。

2、全局变量

• 对象为windows

var x = "xxx";
window.alert(window.x);

JS只有一个全局作用域。
但因为，万物皆对象，所以，如果在不同的js文件重用了相同的全局变量，就会有冲突，这个时候应该把代码放进定义的唯一的空间名字中，以降低全局变量命名冲突的问题。

• 规范：

//唯一全局变量
var hong={  }
//定义全局变量
hong name="yangd"
hong.add=function(a,b){
        return a+b;
}

• jQuery库把所定义的都放到jQuery中，用简化符$(selctor).action()

3、在全局作用域下用let、const(常量)定义的变量

• let用来定义局部作用域的变量
  let 声明的变量只在 let 命令所在的代码块内有效，使用 var 关键字重新声明变量可能会带来问题。

var i = 5;
for (var i = 0; i < 10; i++) {
    
}
// 这里输出 i 为 10

var i = 5;
for (var i = 0; i < 10; i++) {
    // 一些代码...
}
// 这里输出 i 为 10

在第一个实例中，使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。
在第二个实例中，使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。
但是，let不可以重复声明。

• const
  const 声明一个只读的常量，一旦声明，常量的值就不能改变，也不能被重新声明。

4、方法

方法就是把函数放在对象里面，对象只有两个东西：一个方法，一个是属性。
即方法是存储为对象属性的函数。

var person = {
      name:"linyang",
      birth:2002,
      college:"Nan Da"//属性
    age:function() {
        var now = new Date().getFullYear();
        return now-this.birth; //方法
    }
}

创建了一个叫做person的对象，他有三个属性和一个方法（），而这里的方法，this.birth就是person.birth的值。
另外，调用方法，一定要加()

person.age()

this 属性

• this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象
• 情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window
  情况2：如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。
  情况3：如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象。
• this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的，即this他自己的方法被谁调用，它就是代表谁。
  还可以用apply自行改变this的指向

getAge.apply(person,[])

this指向了person，参数为空。