函数
一、函数的基础介绍为什么需要函数 函数最大的好处就是可以对代码实现复用。相同的功能不用 再次书写，而是只用书写一次就够了。这其实就是编程里面所谓的DRY原则
声明函数的方式字面量声明函数 这种方式是用得最为广泛的一种方式，使用关键字function来创建一个函数，具体的语法如 下：function函数名(形式参数){//函数体}函数名：就是我们调用函数时需要书写的标识符；形式参数：简称形参，是调用函数时需要接收的参数；实际参数：简称实参，是调用函数时实际传递过去的参数函数表达式声明函数 第二种方式是使用函数表达式来进行声明，具体的语法如下：let 变量 =function(){//函数体}
函数表达式示例：let test = function(name){console.log("Hello,"+name);} test("xiejie");//Hello,xiejie
构造器声明函数 使用构造器来声明函数，又被称之为通过对象的方式来声明函数，具体的语法如下；let变量=new Function(“参数","参数","函数体”)；
函数的调用 写上函数名或者变量名，后面加上 —对大括号；需要注意的是，一般来讲函数表示的是一个动作，所以在给函数命名的时候， —般都是以动词居多。
还一个地方需要注意，那就是如果要调用函数，那么就必须要有括号。这个括号要么在函数名后 面，要么在变量名后面，这样才能够将调用函数后的执行结果返回。如果缺少了括号，那就只是 引用函数本身。示例如下:
let test = function(){ console.log("Hello");}let i = test;//没有调用函数,而是将test函数赋值给了i i();//Hello
函数的返回值 函数的返回值的关键字为return。代表要从函数体内部返回给外部的值
return关键字只能返回一个值，如果想要返回多个值，可以考虑返回一个数组，示例如下: //1-60的安全数7的倍数或者以7结尾let test = function(){ let arr = [];for(let i=1;i<=60;i++)
if(i==7 || i%7==0){ arr.push(i);}}return arr;} console.log(test());//[ 7, 14, 17, 21, 27, 28, 35, 37, 42, 47, 49, 56, 57 ]
函数的参数形式参数 形式参数简称形参，它就是一种变量，但是这种变量只 能被函数体内的语句使用，并在函数调用时被赋值。JavaScript中的形参的声明是不需要添加关键字的如果加上关键字反而会报错
1、参数名可以重复，同名的参数取最后一个参数值2、即使函数声明了参数，调用时也可以不传递参数值3、调用函数时可以传递若干个参数值给函数，而不用管函数声明时有几个参数
arguments伪数组对象, 注：不是数组 function test(x){for(let i=0;i<arguments.length;i++){console.log(arguments[i]);}}test(1,2,3);
不定参数 不定参数是从ES6开始新添加的功能，在最后一个形式参数前面添加3个点，会将所有的实参放 入到一个数组里面，
示例如下：function test(a,...b){console.log(a);//1console.log(b);//[2,3]
test(1,2,3);这里的不定参数就是一个真正的数组；还有一点需要注意的是，不定参数都是放在形式参数的最后面，如果不是放在最后，则会报错。
默认参数 从ES6开始，书写函数的时候可以给函数的形式参数一个默认值。这样如果在调用函数时没有传 递相应的实际参数，就使用默认值。如果传递了相应的实际参数，则使用传过去的参数。
function test(name = "world"){ console.log("Hello,"+name);} test("xiejie");//Hello,xiejie test();//Hello,world如果参数是一个数组，要为这个数组设置默认值的话，写法稍微有些不同，如下：let fn = function([a = 1,b = 2] = []){ console.log(a,b);}fn(); // 1 2fn([3,4]); // 3 4包括后面我们要介绍的对象，也是可以设定默认值的，但是写法和上面类似，如下:
let fn = function({name = 'xiejie',age = 18} = {}){ console.log(name,age);}fn(); // xiejie 18fn({name:"song",age:20}); // song 20
函数的属性和方法1.name 属性 表示函数的函数名
function test(){ console.log("Hello");}console.log(test.name);//test
2.length 属性 表示形式参数的个数
let test = function(a,b,c){ console.log("Hello");} console.log(test.length);//3 函数名.length与arguments.length的区别 函数对象的length属性是表示形式参数的个数。arguments伪数组对象的length属性是调用函数时实际参数的个数。 let test = function(a,b,c){ console.log(arguments.length);//5 console.log(arguments.callee.length);//3} test(1,2,3,4,5)
二、箭头函数1.箭头函数基本介绍 箭头函数，是从ES6开始新增加的一种声明函数的方式。其最大的特点在于不需要function 关键字，取而代之的是使用一个=> 来进行表示。箭头函数的基本语法如下：let变量=(形式参数)=> {//函数体}
箭头函数示例：let test = (name) => {console.log("Hello",name);}test("xiejie");//Hello xiejie上面所介绍的，只是箭头函数的基本写法。实际上箭头函数根据形式参数和函数体的不同，书写 的方式拥有一些变形。如下：//如果没有参数let 变量=()=> {//函数体}//如果只有一个形参let变量=形参=> {//函数体}//如果函数体只有一个返回值let 变量=形参=> expression例如：书写求立方根的箭头函数(当然这里只是练习，ES6已经提供了求黑的方式，使用**)let test = x => x*x*x;console.log(test(3));//27
2.箭头函数的优点 箭头函数的优点如下：比普通函数声明更简洁只有一个形参就不需要用括号括起来如果函数体只有一行，就不需要放到一个块中如果return语句是函数体内唯一的语句，就不需要return关键字不会把自己的this值绑定到函数上
三、提升
1、作用域 全局作用域：这个是默认的代码运行环境，一旦代码被载入，引擎最先进入的就是这个环境。 函数作用域：当进入到一个函数的时候，就会产生一个函数作用域 eval作用域：当调用eval。函数的时候，就会产生一个eval作用域2、变量提升 所谓变量提升，就是指在使用var关键字进行变量声明的时候，默认会将声明变量的部分提升至 当前作用域的最顶上，但是注意提升的只有变量的声明部分，赋值是不会提升的3、函数提升 所谓函数提升，是指当我们使用字面量方式来声明一个函数的时候，此时函数的声明会提升到当 前作用域的最顶端，这意味着我们可以将函数的调用书写到函数的声明之前
四、回调函数
1回调函数基本介绍 所谓回调函数，通俗的来讲，就是指将一个函数作为参数传递给另外一个函数，然后在另外一个 函数里面执行传递过去的函数
2常见回调函数介绍 回调函数我们在之前的学习中就已经见到过了。就在我们使用sort（）为数组进行排序的时候，默认是使用的ASCII码来进行的排序。如果想要按照数值来进行排序，就需要我们传递一个 回调函数进去。 迭代方法 every（）：对数组的每一项运行给定的函数，如果该函数每一项都返回true，则返回true some（），该方法可以对数组的每一项运行指定的函数，如果该函数只要有 —项返回true则返回true filter（）： filter是过滤的意思，所以这个方法会返回一个数组，数组里面是返回true的元素 forEach（）：这个方法我们在前面介绍数组遍历的时候，就已经见到过了。该方法就是简单的将数 组每一项传入到函数，然后执行该函数里面的代码。需要注意一下的是，该回调函数没有返回 值。 map（）：对数组的每一项运行test函数，返回一个数组，这个数组是每次调用函数后的运行结果
转载于:https://www.cnblogs.com/zai1/p/11176728.html
