js笔记二十三之函数的操作

2023年9月7日 145次阅读 来源: uplyw

函数的基本操作

js中的函数

函数是指一段在一起的/可以做某一件事的程序,也叫子程序(OOP的)方法

函数是实现某一功能的方法

创建函数

function [函数名](){
    // 函数体
    // 实现功能的具体的js代码
}

执行函数

函数名() // 把创建的函数执行
函数名() // 这个函数可以执行很多次
...
// 每一次执行都相当于把函数体中实现功能的js代码重新执行了一遍

// 创建函数
function sun(){
    console.log(1+1)
}
// 执行函数
sum() // -> 2
sum() // -> 2
sum() // -> 2

在真实项目中, 我们一般会把实现一个具体功能的代码封装在函数中:

  1. 如果当前这个功能需要在页面中执行多次, 不封装成为函数,每一次想实现这个功能,都需要重新把代码写一遍,浪费时间;而封装在一个函数中, 以后想实现多次这个功能,我们就没有必要重新写代码了,只要把函数重新执行即可,提高了开发效率;
  2. 封装在一个函数中, 页面中就基本上很难出现重复一样代码了,减少了页面中代码的冗余度
    ,提高了代码的重复利用率低耦合 高内聚

我们把以上的特点统称为 函数封装(OOP面向对象编程思想,需要我们掌握的就是类的继承,封装,多态)

函数的核心操作

函数的核心原理

函数作为js中引用类型中的一种,也是按照引用地址来操作的

创建函数

  1. 首先会在当前作用域中声明一个函数名(声明的函数名和使用var声明的变量名是一样的操作,var sum;function sum();这两个名字重复了)
  2. 浏览器首先会开辟一个新的内存空间(分配一个十六进制地址),把函数体中写好的代码当做普通字符串存储在一个内存空间中(创建一个函数如果不执行,函数没有意义)
  3. 把内存空间的地址赋值给之前声明的那个函数名

函数执行

目的: 把之前存储的实现具体功能的js代码执行

“形参赋值”(跳过)
“私有作用域的变量提声”(跳过)
函数执行,浏览器首先会为其开辟一个新的私有作用域(只能执行函数中之前编写的js代码)
把之前创建时候存储的那些js代码字符串拿到私有作用域中,然后把它们变成js代码表达式从上到下执行
“私有作用域是否销毁的问题”(跳过)

闭包

函数执行会形成一个私有的作用域,让里面的私有变量和外界互不影响(相互不干扰,无眠的无法获取里面的变量值),此时可以理解为私有作用域把私有变量保护起来,把这种保护机制称之为闭包

栈内存

作用域(全局作用域/私有作用域): 提供一个供js代码执行的环境

堆内存

所有的引用类型,它们需要存储的内容都在堆内存中(相当于一个仓库,目的是存储信息)
对象会把键值对存储进来
函数会把代码当做字符串存储进来

    原文作者：uplyw
    原文地址: https://www.jianshu.com/p/e192bb0fb6ff
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞