【JavaScript基础】JS函数

本文详细探讨了JavaScript函数的各个方面,包括定义、调用、参数处理、返回值、方法、作用域、声明提前以及函数内部属性。重点阐述了JS函数不进行参数类型检查和数量限制的特性,并介绍了立即执行函数和构造函数的用法。

函数:

函数也是一个对象,也具有普通对象的功能;
使用typeof检查一个函数时,会返回function;
在函数被定义时,函数内部的代码不会执行;
在函数被调用时,函数内部的代码会被执行;

函数定义:

1.使用函数声明:
  function 函数名([形参列表]){
      函数体;
  }
  
2.使用函数表达式:
  var 函数名 = function([形参列表]){
      函数体;
  }

3.使用构造函数:
  var fun = new Function("函数体");

函数调用:

语法:
    函数对象([实参列表])
    
var result = fun([实参列表])

函数参数:

JavaScript 函数定义不会为参数规定数据类型;
JavaScript 函数不会对所传递的参数实行类型检查;
JavaScript 函数不会检查所接收参数的数量;

形参:
    定义函数时,可以在()中定义一个或多个形参,形参之间使用,隔开;
    定义形参就相当于在函数内声明了对应的变量但是并不赋值,在调用时才赋值;
    
实参:
    调用函数时,可以在()传递一个或多个实参,传递的实参会赋值给对应的形参;
    调用函数时JS解析器不会检查实参的类型和个数,可以传递任意数据类型的值;
    如果实参的数量大于形参,则多余的实参将不会赋值;
    如果实参的数量小于形参,则没有对应实参的形参将会赋值undefined;

函数返回值:

语法:
    return;
    
使用return来设置函数的返回值,return后可以跟任意类型的值; 
如果return后不跟值,或者是不写return,则函数默认返回undefined;  
该值就会成为函数的返回值,可以通过一个变量来接收返回值;
return后边的代码都不会执行,一旦执行到return语句时,函数将会立刻退出;

方法(method):

语法:
    对象.方法名();
    函数名();

可以将一个函数设置为一个对象的属性;
当一个对象的属性是一个函数时,称这个函数是该对象的方法;

例子:
    var obj = new Object();
    obj.name = "孙悟空";
    obj.sayName = function(){
        console.log(obj.name);
    };
    function fun(){
        console.log(obj.name);
    };
    //调方法
    obj.sayName;
    //调函数
    fun();

作用域(Scope):

JS中作用域分成两种:
1.全局作用域:
  直接在script标签中编写的代码都运行在全局作用域中;
  全局作用域在打开页面时创建,在页面关闭时销毁;
  全局作用域中有一个全局对象window,window对象由浏览器提供,
  可以在页面中直接使用,它代表的是整个的浏览器的窗口;
  在全局作用域中创建的变量都会作为window对象的属性保存;
  在全局作用域中创建的函数都会作为window对象的方法保存;
  在全局作用域中创建的变量和函数可以在页面的任意位置访问;
  在函数作用域中也可以使用window对象访问到全局作用域的变量;
  
2.函数作用域
  是函数执行时创建的作用域,每次调用函数都会创建一个新的函数作用域;
  函数作用域在函数执行时创建,在函数执行结束时销毁;
  在函数作用域中创建的变量,不能在全局中访问;
  当在函数作用域中使用一个变量时,会先在自身作用域中寻找,找到了则直接使用,
  没找到则到上一级作用域中寻找,直到在全局作用域中寻找,还没找到则会报错;

声明提前:

1.变量的声明提前:
在全局作用域中,使用var关键字声明的变量会在所有的代码执行之前被声明但不会赋值,
所以可以在变量声明前使用变量,但是不使用var关键字声明的变量不会被声明提前;
在函数作用域中,使用var关键字声明的变量会在函数中所有的代码执行前被声明,
如果没有使用var关键字声明变量,则变量会变成全局变量;

2.函数的声明提前:
在全局作用域中,使用函数声明形式创建的函数会在所有的代码执行之前被创建, 
所以可以在函数声明前调用函数,使用函数表达式形式创建的函数不会被声明提前;
在函数作用域中,使用函数声明形式创建的函数会在函数中所有的代码执行之前就被创建好了;

函数内部属性:

在函数内部,有两个特殊的对象:
1.arguments:
该对象实际上是一个数组,用于保存函数的参数;
同时该对象还有一个属性callee来表示当前函数;
arguments对象包含函数调用时使用的参数数组;
arguments.length会返回函数被调用时收到的参数数目;

2.this:
解析器在调用函数时每次都会向函数内部传递进一个隐含的参数thisthis指向的是一个对象,这个对象称为函数执行的上下文对象;
根据函数的调用形式不同,this的值也不同:
  1.以函数的形式调用时,this永远都是window
  2.以方法的形式调用时,this就是调用方法的那个对象
  3.以构造函数的形式调用时,this就是新创建的对象
  

在这里插入图片描述
立即执行函数:

(function(){
    alert("我是一个匿名的自调用函数");
})();

构造函数:

构造函数是专门用来创建对象的函数
通过一个构造函数创建的对象,称为一类对象,称为是该类的实例
也将一个构造函数称为一个类
通过同一个构造函数创建的对象,我们称为一类对象

例子:
    function Person(){
        函数体
    }
构造函数的执行流程:
  1.创建一个新的对象
  2.将新建的对象作为函数的上下文对象(this3.逐行执行函数中的代码
  4.将新建的对象作为返回值返回
调用构造函数:
  构造函数和普通函数的创建形式相同(构造函数的首字母要大写),区别就是调用方式不同:
  普通函数是直接调用,构造函数通过new关键字来调用,new关键字会新创建一个对象并返回;
  
instanceof用来检查一个对象是否是一个类的实例  
语法:
    对象 instanceof 构造函数
如果该对象是构造函数的实例,则返回true,否则返回false;
Object是所有对象的祖先,任何对象和Object使用instanceof都会返回truetypeof用来检查一个变量的类型,但任何对象使用typeof都会返回Object;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值