Javascipt(3)

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,参数为空。

推荐阅读更多精彩内容