JS中的函数
一、定义绝对值函数
第一种方式:
function abs(x){
if(x>=0){
return x;
}else{
return -x;
}
}
第二种方式：
var abs=function(x){
if(x>=0){
return x;
}else{
return -x;
}
}
函数相当于是匿名的，可以把结果赋值给abs，通过abs就可以调用函数。 也就是当省略函数名的时候，该函数就成为了匿名函数。
二、函数参数
可以传任意个参数，也可以不传参数。
- Q：进来的参数如果存在问题，怎么去解决？
假设参数不存在，如何去规避？
var abs = function(x) {
//手动抛出异常来判断
if(typeof x!== 'number') {
throw 'Not a Number';
}
if(x>=0) {
return x;
} else {
return -x;
}
}
三、argument对象(关键字)
能获取传递进来的所有的参数，是一个数组
arguments[0]
arguments[1]
arguments[2]
当然，参数也可以被赋值：
arguments[1] = 'new value';
例如：
var abs = function(x) {
console.log("x=>"+x);
for(var i=0;i<arguments.length;i++) {
console.log(arguments[i]);
}
if(x>=0) {
return x;
} else {
return -x;
}
}
四、rest
获取除了已定义的参数外所有的参数
Rest 参数可以通过使用三个点
...并在后面跟着包含剩余参数的数组名称，来将它们包含在函数定义中。这些点的字面意思是将剩余参数收集到一个数组中。
function f(a,b,...rest) {
console.log("a=>"+a);
console.log("b=>"+b);
console.log(rest);
}
Rest 参数必须放到参数列表的末尾
五、变量
1、变量的作用域
①函数体内声明的变量，不能在函数体外使用。（可以用闭包实现）
②如果两个函数使用了相同的变量名，只要在函数的内部，不会冲突。
③内部函数可以访问外部函数的，外部函数是不可以访问内部函数的。
eg.
function f() {
var x = 1;
function f3() {
var y = x+1;//2
}
var z = y+1;//Uncaught ReferenceError: y is not defined
}
④内部函数和外部函数变量重名了是不会互相影响的。
PS :① js里面没有函数重载的概念，在js中，定义了两个同名函数后，后面的函数会覆盖前面定义的函数。
②而JS中函数变量查找是由“内”向“外”查找，假设外部存在同名的函数变量，则内部函数会自动屏蔽外部函数。
另外，注意规范性→所有的变量定义都放在函数的头部。
2、全局变量
- 对象为windows
var x = "xxx";
window.alert(window.x);
JS只有一个全局作用域。
但因为，万物皆对象，所以，如果在不同的js文件重用了相同的全局变量，就会有冲突，这个时候应该把代码放进定义的唯一的空间名字中，以降低全局变量命名冲突的问题。
- 规范：
//唯一全局变量
var hong={ }
//定义全局变量
hong name="yangd"
hong.add=function(a,b){
return a+b;
}
- jQuery库把所定义的都放到jQuery中，用简化符$(selctor).action()
3、在全局作用域下用let、const(常量)定义的变量
-
let用来定义局部作用域的变量
let 声明的变量只在 let 命令所在的代码块内有效，使用 var 关键字重新声明变量可能会带来问题。
var i = 5;
for (var i = 0; i < 10; i++) {
}
// 这里输出 i 为 10
var i = 5;
for (var i = 0; i < 10; i++) {
// 一些代码...
}
// 这里输出 i 为 10
在第一个实例中，使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。
在第二个实例中，使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。
但是，let不可以重复声明。
-
const
const 声明一个只读的常量，一旦声明，常量的值就不能改变，也不能被重新声明。
4、方法
方法就是把函数放在对象里面，对象只有两个东西：一个方法，一个是属性。
即方法是存储为对象属性的函数。
var person = {
name:"linyang",
birth:2002,
college:"Nan Da"//属性
age:function() {
var now = new Date().getFullYear();
return now-this.birth; //方法
}
}
创建了一个叫做person的对象，他有三个属性和一个方法（），而这里的方法，this.birth就是person.birth的值。
另外，调用方法，一定要加()
person.age()
this 属性
- this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象
- 情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window
情况2：如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。
情况3：如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象。 - this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的，即this他自己的方法被谁调用，它就是代表谁。
还可以用apply自行改变this的指向
getAge.apply(person,[])
this指向了person，参数为空。
