• JavaScript—Function


    函数(Function)

    • 函数也是一个对象,也具有普通对象的功能
    • 函数中可以封装一些代码,在需要的时候可以去调用函数来执行这些代码
    • 使用typeof检查一个函数时会返回function

    创建函数

    • 函数声明

      function 函数名([形参1,形参2...形参N]){

        语句...

      }

    • 函数表达式

      var 函数名 = function([形参1,形参2...形参N]){

        语句...

      };

    • 调用函数

      语法:函数对象([实参1,实参2...实参N]);

        fun() sum() alert() Number() parseInt()

      当我们调用函数时,函数中封装的代码会按照编写的顺序执行

    形参和实参

      形参:形式参数

    • 定义函数时,可以在()中定义一个或多个形参,形参之间使用,隔开。
    • 定义形参就相当于在函数内声明了对应的变量但是并不赋值。
    • 形参会在调用时才赋值。

      实参:实际参数

    • 调用函数时,可以在()传递实参,传递的实参会赋值给对应的形参。
    • 调用函数时JS解析器不会检查实参的类型和个数,可以传递任意数据类型的值。
    • 如果实参的数量大于形参,多余实参将不会赋值。
    • 如果实参的数量小于形参,则没有对应实参的形参将会赋值undefined。

    返回值

      使用return 来设置函数的返回值。

      语法:return 值;

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

    作用域

    作用域简单来说就是一个变量的作用范围。在JS中作用域分成两种:

      1.全局作用域

    • 直接在script标签中编写的代码都运行在全局作用域中。
    • 全局作用域在打开页面时创建,在页面关闭时销毁。
    • 全局作用域中有一个全局对象window,window对象由浏览器提供。
    • 可以在页面中直接使用,它代表的是整个的浏览器的窗口。
    • 在全局作用域中创建的变量都会作为window对象的属性保存。
    • 在全局作用域中创建的函数都会作为window对象的方法保存。
    • 在全局作用域中创建的变量和函数可以在页面的任意位置访问。
    • 在函数作用域中也可以访问到全局作用域的变量。
    • 尽量不要在全局中创建变量。

      2.函数作用域

    • 函数作用域是函数执行时创建的作用域,每次调用函数都会创建一个新的函数作用域。
    • 函数作用域在函数执行时创建,在函数执行结束时销毁。
    • 在函数作用域中创建的变量,不能在全局中访问。
    • 当在函数作用域中使用一个变量时,它会先在自身作用域中寻找,如果找到了则直接使用,如果没有找到则到上一级作用域中寻找。

    this(上下文对象)
    我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数。

    使用this来引用上下文对象,根据函数的调用形式不同,this的值也不同。

     this的不同的情况:
    1.以函数的形式调用时,this是window。

    2.以方法的形式调用时,this是调用方法的对象。

    3.以构造函数的形式调用时,this是新建的那个对象。

    4.使用call和apply调用时,this是指定的那个对象。

    5.在全局作用域中this代表window。

    构造函数

    • 构造函数是专门用来创建对象的函数,一个构造函数我们也可以称为一个类。
    • 通过一个构造函数创建的对象,我们称该对象时这个构造函数的实例。
    • 通过同一个构造函数创建的对象,我们称为一类对象。
    • 构造函数就是一个普通的函数,只是他的调用方式不同,如果直接调用,它就是一个普通函数,如果使用new来调用,则它就是一个构造函数。

    例子:

    function Person(){

    }

    构造函数的执行流程:

    1.创建一个新的对象

    2.将新的对象作为函数的上下文对象(this)

    3.执行函数中的代码

    4.将新建的对象返回

  • 相关阅读:
    js复制功能
    网页倒退监听
    CSS 设置table下tbody滚动条
    js滚动条滚动到底部 例如聊天这种
    时间格式转换器
    js插件整理和总结
    Js判断移动端是否存在客户端:如果存在则打开,如果不存在则下载
    qt布局添加控件的父控件说明
    qt控件模糊效果
    QT TCPSocket和QTCPServer使用
  • 原文地址:https://www.cnblogs.com/hbv1/p/9944034.html
Copyright © 2020-2023  润新知