企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 函数 函数是一段可以反复调用的代码块,函数区别于代码块最显著的特征就是可以有输入参数,根据不同的输入参数,可以返回不同的结果。 ### 函数的声明 函数的声明有三种方式,常用的前两种。 1)function命令 function 命令后面是函数名,函数名后面是一对圆括号,里面是传入的参数。 ~~~javascript // 函数的声明或者叫函数的定义 function p(str) { console.log(str); } // 调用函数 p("abc"); ~~~ 2)函数表达式 用变量赋值的写法去声明一个函数。 ~~~javascript var print = function(str) { console.log(str); }; print("xxxx"); ~~~ 在上述代码中,在赋值预算符=右边的函数,是没有名字的,我们把这种类型的函数也称之为匿名函数,匿名函数有时我们也叫做函数表达式。 > 在通过函数表达式定义一个函数的时候,在语句后面要加上“;”。 3)Function构造函数 很少用这种方式定义:语义不明确,代码的可读性差。 ### 第一等公民 JavaScript将函数看做一个值,与其他类型的值(数值、字符串、布尔值等)地位相同。凡是可以使用值的地方都可以使用函数,可以把函数赋值给变量或对象的属性。也可以当做参数传递给其他函数,或者作为函数的结果返回。函数只是一个可执行的值,此外并无特殊之处。 ~~~javascript function add(x, y) { return x + y; } var add = function(x, y) { return x + y; }; var oper = add; print(oper(2,2)); // 4 function a(op) { return op; } print(a(add)(1,2)); // 3 var o2 = { name : "Tom", add : add }; print(o2.add(3,3)); // 6 ~~~ ### 函数名的提升 Javascript引擎将函数名视同变量名。所以采用function命令声明函数时,整个函数就会像变量声明一样,提升到代码头部。 ### 函数的属性和方法 * name属性:输入函数的名字 * length属性:输入函数参数的个数 * toString()方法:返回函数的源码 ~~~javascript print("add.name=" + add.name); print("add.length=" + add.length); print("add.toString()" + add.toString()); ~~~ ### 函数的作用域 作用域(scope)称之为变量存在的范围。 在Javascript中只有两种作用域,一种是全局作用域:即变量在整个程序中一直存在,所有的地方都可以读取。 另一种叫函数作用域:即变量只在函数内部存在。 ~~~javascript var i = 0; // 这里的i是全局变量,可以在页面的任何位置引用 function t() { var j = 0; console.log("j=" + j); console.log("i=" + i); } // console.log("out j = " + j); // 此处代码会报错,j is not defined t(); ~~~ 函数体内的变量提升 ~~~javascript function t() { console.log("j=" + j); // j=undefined var j = 0; console.log("i=" + i); } ~~~ ### 参数 函数在运行的过程中,有时需要提供外部数据,不同的外部数据可能会得到不同的结果,我们把这种外部数据叫做参数。需要特别注意的时,在Javascript语言中是不需要指定参数的数据类型的。 ~~~javascript function p(str) { console.log(str); } ~~~ **参数的省略** 在javascript中,函数的参数不是必须的,Javascript可以省略。 ~~~javascript function p(str, flag) { console.log("str=" + str); console.log("flag=" + flag); } console.log("======================="); p("hello"); console.log("======================="); p("hello",true); console.log("======================="); p(); console.log("======================="); ~~~ > 被省略的参数的值变成“undefined”; > 但是,没有办法只传递靠后的参数,省略靠前的参数,可以通过显示的传入undefined。 关于默认值的实现 ~~~javascript function f(a) { a = a || 1; console.log("a:" + a); } f(); // 1 ~~~ ### 传递方式 函数参数如果是原始数据类型(数值、字符串、布尔型),都是传值传递,如果在函数体内修改了变量的值,不会影响到函数体外。 ~~~javascript function f(o) { o = 5; console.log("o=" + o); } var i = "abc"; f(i); console.log("i=" + i); // abc ~~~ 但是,如果函数的参数是复合数据类型的值(数组、对象、函数等),传递方式是引用传递。也就是说,在函数内部修改了原对象的值,会影响到原来的值。 ~~~javascript function fo(oj) { oj.name = "Jack"; console.log("oj.name=" + oj.name); } var obj = { name : "Tom", age :20 }; fo(obj); console.log("obj.name=" + obj.name); // Jack ~~~