JavaScript基础知识（函数）

2022-11-19 12:49:29

函数的基础

函数：把实现相同功能的代码放到一个函数体中，当想实现这个功能时，直接执行这个函数即可；减少了的冗余；高内聚，低耦合--> 函数的封装；

函数：引用数据类型；
var a = 10;

function : 关键字：声明定义一个函数；

function 函数名(){}

function : 功能；方法；
函数分为定义和执行；
function fn1() {

console.log(100);

}
函数执行；让里面的代码运行；
fn1();

console.log(200);

function sum(num1,num2) {// 形参；

var total = Number((num1+num2).toFixed(2));

console.log(total);

}

sum(12.8349,13.9417);

sum(102.349,131.97);

sum(1,1.09938);

函数的核心原理

函数分为两部分：定义和执行；

function fn() {

var a = {}

a.b = 10;

console.log(1);

}

函数属于引用数据类型；空间地址类型

会开辟一个新的空间地址；
把函数体中的代码当做字符串存储到堆内存中；
把空间地址赋值给函数名；

console.log(fn);// 整个函数；

fn()// fn is not a function;

堆栈内存：

当浏览器加载页面时，会形成两个虚拟的内存；一个栈内存，堆内存；

栈内存： 1) 提供代码的运行环境； 2) : 存储基本数据类型；

堆内存： 存储引用数据类型；

函数的执行

fn();

1.首先会形成一个私有的作用域

2.形参赋值

3.变量提升

4.代码从上到下运行；

5.作用域的销毁；

函数的形参和实参

在函数括号中的参数是形参

var num = 10;

function sum(num1,num2) {//函数的入口；

console.log(num1);//

console.log(num2);//

}

如果有形参，没有对应的实参，那么形参默认存储的值是undefined；

形参属于私有变量；只存在当前的作用域下；

在函数体中被var 也是私有变量；

num1=100;

var a=101;

函数执行时传的参数是实参；

sum(1,2,3);

sum(10,20);

sum(num);

console.log(num);

console.log(num1);

console.log(a);

在函数执行时，函数体中可以找到函数外面的变量；但是函数外面不能访问里面的变量；

当函数执行时，首先会形成一个私有的作用域，这个私有作用域保护了里面的私有变量不受外界的干扰；这种机制--> "闭包"；

函数的arguments

arguments 类数组对象

function sum() {

// arguments : 函数天生自带实参参数集合

// 是一个对象数据类型的，不是数组

// []: 集合；

console.log(arguments instanceof Array);

var total = 0;

for(var i=0;i<7;i++){

total += arguments[i];

}

console.log(total);

}

sum(1,2,3,4,58,99,100);

函数的return

return 语句会终止函数的执行并返回函数的值。

function 入口形参实参；

函数的出口 return

return 后面跟着的内容就是函数的返回值；

function sum() {

var total =0;

for(var i =0;i<arguments.length;i++){

if(typeof arguments[i]==="number"){

if(!isNaN(arguments[i])){

total += arguments[i];

}

}

}

console.log(100)

return total;

console.log(200);

}

console.log(sum("1", 199, 10, "12px", true, [], 19, NaN));

// 函数名() ： 代表函数返回值； 函数体中return出来的；

// return： 结束整个函数；下面的代码不再运行；

函数名() ：代表函数返回值；函数体中return出来的；

return：结束整个函数；下面的代码不再运行；

如果函数没有return；那么函数默认返回undefined；

var newSum = sum("1",199,10,"12px",true,[],19,NaN);

console.log(newSum);

函数的匿名函数

匿名函数：没有名字的函数；

把等号右边的函数的空间地址赋值给变量f;

: 匿名函数

function fn() {

}

函数表达式；

var f = function () {

console.log(1)

}

f();

自执行函数 ；自执行函数： 自己运行；

(function (m,n) {

console.log(1)

console.log(m);

console.log(n);

})();

!function () {}();

+function () {}();

-function () {}();

~function () {}();

function f() {

console.log(100);

return 100;

}

var a = f();

console.log(f());// 100;

匿名函数就是没有名字的函数；函数表达式和自执行函数

//=>把一个没有名字的函数(有名字也无所谓)作为值赋值给一个变量或者一个元素的某个事件等:·

函数表达式·

oBox.onclick = function(){}

//=>创建函数和执行函数放在一起了，创建完成立马执行：·自执行函数·

;(function(n){})(10);

//=>以下都是自执行函数，符号只是控制语法规范

~function(n){}(10);

-function(n){}(10);

+function(n){}(10);

!function(n){}(10);

码农公寓