JavaScript-函数
一、函数定义和参数获取
定义函数：以创建绝对值函数为例
function abs(x){
if(x>=0){
return x;
}
else{
return -x;
}
}
或
var abs=function(x){
if(x>=0){
return x;
}
else{
return -x;
}
}
其中，function(x)是匿名函数，结果赋值给abs，再通过abs调用函数，返回return后的值，若return后无值，则返回undefined。
调用函数：
调用函数中存在的参数问题：
1、引入的参数是否存在问题？若存在该如何解决？
2、若参数不存在，则如何规避？
可使用如下操作：
function abs(x){
if(typeof x!=='number'){
throw 'not a number';
//手动抛出异常--判断参数是否存在问题
}
if(x>=0){
return x;
}
else{
return -x;
}
}
参数获取：
argument：一个类数组（有数组的性质，可看作关键字），用来获取传递进来的所有参数。
var abs=function(x){
console.log("x=>"+x);//在多个参数的情况下，打印一个参数，只会打印出第一个。
for(var i=0;i<arguments.length;i++) {
console.log(arguments[i]);//，用数组，argument存储多个参数并打印
}
if(x>=0) {
return x;
} else {
return -x;
}
}
例如：
注意：数组argument包含所有参数，当想对多余的参数进行操作时，则需要排除已有的参数，用到rest。
rest：获取已定义参数外的所有参数。ES6引入的新特性
在rest引入前，若定义n个参数，要获取定义外参数，则需要（例）
var abs = function(x) {
if (arguments.length > 2) {
for (var i = 2; i < arguments.length; i++)
console.log(arguments[i]);
}
if(x>=0) {
return x;
} else {
return -x;
}
}
结果
引入rest后：
function f(a,b,…rest) {
//rest写到末尾，并且写为...rest
console.log("a=>"+a);
console.log("b=>"+b);
console.log(rest);//a,b为定义的参数，剩下的参数组成一个数组
}
二、变量的作用域
在js中，var定义变量是有作用域的
1、例如，在某函数体内声明变量，则该函数体外不可用。
2、不同函数使用相同变量名，在各自函数体内使用互不影响。
3、内部函数可访问外部函数，反之不可。
function f1() {
var x=1;
function f2() {
//函数f2在f1内，f2可访问f1
var y=x+1; //变量y是可以被赋值的，x为1，y为2
}
var z=y+1;//在f1外部，自然也在f2外部，无法访问到函数里的y
//会显示Uncaught ReferenceError: y is not defined
}
提升变量作用域
例如：
function f() {
var x="x"+y;
console.log(x);
var y="y";
}
结果：
js执行引擎时，会自动提升y的声明，但不会为y赋值。上述代码本质上相当于在var x前vay y，在console.log后y=’‘y’’，所以x会显示undefined。因此，定义变量要放在函数头部，使其规范。
全局变量window
例如
var x="xxx";
alert(x);
等同于
var x="xxx";
window.alert(window.x);//默认所有的全局变量，都会自动绑定在window对象下
alert函数也是一个window下的全局变量
var x="xxx";
window.alert(x);
var old_alert=window.alert;
//old_alert(x);old_alert为变量，window.alert为弹窗功能
window.alert=function() {
};//创建一个空函数
window.alert(123);//123没有弹出，因为空函数使alert()失效了
window.alert=old_alert;//恢复：old_alert功能还在，重新赋值给window.alert
window.alert(456);//弹出456（可将123注释掉）
JS只有一个全局作用域，若变量没在函数作用范围内找到，则一步步向外查找，超出全局都没有则报错。因此，我们要使代码更规范，全局变量绑定在window对象上，不同的JS文件，如果使用相同的全局变量，则会冲突。所以我们可以尝试构建唯一全局变量。
例如：通过把代码全部放入定义的唯一空间名字中，降低全局命名冲突问题。
var win={
}
//定义全局变量
win.x= "xxx";
win.add=function(a,b) {
return a+b;
}
let局部作用域
在我前文中有提到let和var的区别：JavaScript-数据结构
要令let定义局部作用域的变量这一特性更明显，可看如下例子：
function a() {
for(var i=0;i<100;i++) {
console.log(i);//会一直打印
}
console.log(i+1);//i+1会被输出，为101，i出了作用域还可以使用
}
若var换成let，i+1会显示未定义。
const常量
同样也是ES6的新特性，在其出现前，定义常量就是全部大写，例如var PI=‘3.14’，并且这个值可以改变，但通常使用常量时，常量是不建议被改变的，所以使用const
const PI='3.14'
此时便不可改变常量PI的值了
三、方法的定义和获取
方法：函数放入对象。对象是由方法和属性组成。
例如:
var ming = {
//对象
属性,
属性,
age: function() {
//方法
var now = new Date().getFullYear();
return now-this.birth;
}
}
//调用属性
ming.属性
//调用方法，一定要带()
ming.age()
方法的提取：
var ming = {
age: getAge
}
function getAge() {
var now = new Date().getFullYear();
return now-this.birth;
}
ming.age();//20
getAge();//NaN，单独调用getAge是以window为对象，没有birth属性，由此可见this负责默认指向调用它的对象
}
因此可以使用apply控制this的指向。
getAge.apply(ming,[]);//this指向ming（对象），传入参数/数组，此处参数为空。
本文参考:Ping开源的博客