JavaScript函数相关内容

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：谢军山
撰写时间：2020年4月25日
JavaScript函数
函数function
函数也是一个对象
函数中可以封装一些功能（代码），在需要的使用可以执行这些功能（代码）
函数可以保存一些代码在需要的时候调用
使用typeof检查一个函数对象时，会返回function
可以将要封装的代码以字符串的形式传递给构造函数
var fun1=new Function(“console.log(‘这是通过构造函数创建的函数’)”);
封装到函数中的代码不会即可执行 函数中的代码会在函数调用的时候执行
调用函数：语法 函数对象();
fun1();
当调用函数时，函数中封装的代码会按照顺序执行
使用函数声明来创建一个函数（建议使用方式）
语法：function 函数名([形参1,形参2,…,形参N]){
语句
}
说明：[形参1,形参2,…,形参N]这里的[]表示可以使用参数也可以不使用参数
函数的调用：函数名([实参1,实参2,…]);
匿名函数
function(){
}
使用函数表达式创建一个函数
var fun3= function(){
alert(“这是一个匿名函数”)
};
定义一个用来求两个数和的函数
可以在函数的()中来指定一个或多个形参(形式参数)
多个形参之间使用","隔开，声明形参就相当于在函数内部声明了对应的变量
但是并不赋值
function
sum(a,b){
var
add=a+b;
console.log(add);
}
sum(123,456);
sum(false,“123”);
false+“123”
=>false123
调用函数时解析器不会检查实参的类型，
所以要注意，是否有可能会接收到非法的参数，如果有可能则需要对参数进行类型的检查
调用函数时，解析器也不会对检查实参的数量
多余的参数将不会被赋值
如果实参少于形参的数据，则没有对应实参的形参将是undefined
function
result(a,b,c){
console.log(“a=”+a);
console.log(“b=”+b);
console.log(“c=”+c);
var
sum=a+b+c;
console.log(“sum=”+sum);
}
result(123,234);实参少于形参
result(123,234,345,6767,78,9);实参多余形参
JavaScript函数的返回值
创建一个函数，用来计算三个数的和
可以通过return 来返回函数的返回值
语法：return 值;
return 后面值将会作为函数的执行结果返回，
可以定义一个变量来接收函数的返回值
在函数return后的语句都不会执行
如果return语句后不跟任何值，就相当于返回一个undefined
立即执行函数
函数定义完，立即被调用，这种函数叫做立即执行函数
立即执行函数往往只会执行一次
(function(){
alert(“这是一个立即执行函数”);
})();
(function(a,b){
alert(a+b);
})(23,23);
JavaScript作用域
作用域：作用域指一个变量的作用范围
js中一共两种作用域：1、全局作用域 2、函数作用域（局部作用域）
全局作用域
直接写在script标签的js代码，都是全局作用域
全局作用域在页面打开的时候创建，在页面关闭时销毁
在全局作用域中有一个对象window，它代表一个浏览器的窗口，它由浏览器创建，我们可以直接使用
在全局作用域中：
创建的变量都会作为window对象的属性保存
全局中的函数都会作为window对象的方法保存
全局作用域中的变量都是全局变量
在页面的任意的部分都可以访问到

函数作用域
调用函数时创建函数作用域函数执行完毕以后，作用域销毁
每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的
在函数作用域中可以访问全局变量，但在全局作用域中无法访问到局部变量
当函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用，如果没用就向上一级作用域中寻找，直到全局作用域，如果全局作用域中也没有，则会报错ReferenceError
在函数中想要访问全局变量可以使用window对象 console（window.变量）；
JavaScript构造函数
在创建一个Person构造函数
function
Person(name,age,gender){
this.name=name;
this.age=age;
this.gender=gender;
定义了一个方法
this.sayhello=fun;
}
var
person1= new Person(“小明”,23,“男”);构造函数
在创建Person构造函数中，为每个对象都添加了一个sayhello方法
目前我们的方法都是在构造方法内部创建的，也就是构造函数每执行一次就会创建一个新的sayhello方法，也就是说所有实例的sayhello都是唯一的
这样就导致了构造函数执行一次就会创建一个新的方法
执行多少次就会创建多少个新的方法，而这些方法都是一模一样的，这样就导致了内存空间的浪费，其实我们可以让所有对象共享同一个方法
创建一个构造函数，专门用来创建Person对象
构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写
构造函数和普通函数的区别就是调用方式的不同
普通函数是直接调用，而构造函数需要使用new关键字来调用

构造函数的执行流程
1.立刻创建一个新的对象
2.将新建的对象设置给函数中的this,在构造函数中可使用this来引用新建的对象
3.逐行执行函数中的代码
4.将新建的对象作为返回值返回
使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类。
我们将通过一个构造函数创建的对象，称为该类的实例

call()与apply()
这两个方法都是函数对象的方法，需要通过函数对象来调用
当对函数调用call()和apply()都会去调用函数执行
在调用call()与apply()可以将一个对象指定为第一个参数
此时这个对象将会成为函数执行时的this
call()方法可以将实参在对象之后依次传递
apply()
方法需要将实参封装到一个数组中统一传递
function fun1(a,b){
console.log(“a=”+a+",b="+b);
console.log(this);
}
fun1(12,34);
fun1.call(obj,12,34);
fun1.apply(obj,[12,34]);
JavaScript_arguments
在调用函数时，浏览器每次都会传递进来两个隐含的参数：
1.函数的上下文对象 this
2.封装实参的对象arguments
arguments是一个类数组对象，它也可以通过索引来操作数组，也可以获取长度
在调用函数时，我们所传递的实参都会在arguments中保存
arguments.length可以用来获取实参的长度
我们即使不定义形参，也可以通过arguments来使用实参，比较麻烦
arguments[0]
表示第一个实参
arguments[1]
表示第二个实参
它里面有一个属性叫做callee,
这个属性对应一个函数对象，就是当前正在执行的函数对象