随手一记-js基础

函数
函数的定义：一堆特定代码的集合体，它负责完成某项特定任务，而且相较于其他代码，具备相对的独立性，一般会有输入参数并有返回值，提供对过程的封装和细节的隐藏
函数就是一个功能，并且具备复用性
声明函数和使用函数

// 声明函数
function 函数名 (){
   // 函数体
}

​

// 调用函数
函数名();

特点说明：
函数默认不会执行 必须通过函数名()调用才会执行
函数的命名尽量遵守 动词或者动词+名词的方式 这样函数的作用一目了然
函数一次声明可以多次调用 每一次函数调用函数体会重新执行一次

function greet(){
   console.log(Hi);
}
​
sayHi();

函数传参
函数的参数极大的提高了函数的灵活性
在声明函数的小括号里面写的数值我们称之为形式参数 形式参数的作用就是声明了两个变量 参数与参数之间用逗号隔开
在调用函数的小括号里面写的数值我们称之为实际参数 实际参数的作用就是给形式参数赋值，参数与参数之间用逗号隔开
形参：声明变量
实参：给变量赋值

//带参数的函数声明
function 函数名(形参1, 形参2, 形参...){
 //函数体
}
​
//带参数的函数调用
函数名(实参1, 实参2, 实参3);

函数的返回值
通俗的讲就是函数体里面return后面的值

function doSomething(){
   // doing
   return result;
}
​
var jieguo = doSomething();

函数的返回值不是必要的，一般用于函数执行完毕之后产生一个结果 这个结果在其他地方需要使用的时候就需要返回值，如果当前函数没有返回值
浏览器会默认返回一个undefined

断点调试：

1. F8：跳到下一个断点，如果后面没有断点了，那么代码直接执行完。
2. F10：单步调试（跳过函数调用）
3. F11：单步调试（进入函数调用）
4. shift+F11：跳出函数调用

console.log('代码开始执行');
function fn() {
    console.log('fn执行开始');
    console.log('fn执行结束');
}
fn();
console.log('代码执行结束');

函数内部调用函数
函数内部是可以继续调用其他函数的 (可以大的复杂的需求拆分成小的需求去完成)
function fn1() {
    console.log("fn1开始...");
    fn2();
    console.log("fn1结束...");
}

function fn2 () {
    console.log("执行fn2的代码");
	console.log("执行fn2的代码");
}

//在函数1中调用了函数2
fn1();

函数的细节补充
两个相同的函数后面的会覆盖前面的函数
在Javascript中 实参的个数和形参的个数可以不一样
如果实参过多 那么多余的实参会被忽略
如果形参过多 会自动填上undefined
函数碰到return就不会在往下执行了 函数的结束用return break是用在循环里面的

// 使用场景: 校验函数
// 校验当前的输入是否正确
// 1. 校验非空
// 2. 校验长度
// 3. 校验格式

return;的写法相当于return undefined;
求数组中的最大值和最小值，并且返回
难点：返回两个值

作用域
作用域：变量起作用的区域
全局作用域: 函数外面的区域
局部作用域: 函数内部的区域
全局变量: 在全局作用域里面var 的变量 全局变量在任何区域都可以访问和修改
局部变量: 在局部作用域里面var 的变量 局部变量只能在当前函数内部访问和修改
变量访问原则: 在能够访问到的情况下 先局部 后全局

思考：

// 1、
var num = 11;
function fn() {
    num = 44;
    console.log(num);
}
fn();
console.log(num);

// 2、
var num1 = 11;
var num2 = 22;
function fn() {
    var num1 = 33;
    num1 = 44;
    num2 = 55;
    console.log(num1);
    console.log(num2);
}

fn();

console.log(num1);
console.log(num2);

// 3.
var num1 = 111;
var num2 = 222;

function fn(num1, num2) {
    num1 = 333;
    num2 = 444;
    console.log(num1);
    console.log(num2);
}

fn(num1, num2);

console.log(num1);
console.log(num2);

// 4.
var num1 = 111;
var num2 = 222;

function fn(num1) {
    num1 = 333;
    num2 = 444;
    console.log(num1);
    console.log(num2);
}

fn(num1, num2);

console.log(num1);
console.log(num2);

预解析
预解析针对的是面试 实际工作中代码如果规范的话是不需要考虑预解析的
在JS逐行运行之前 ,将变量声明和函数声明提前 （赋值不提升）
如果遇到同名的函数和变量，函数优先（权重更高）。
思考：

// 1
console.log(a);
var a = 1;
console.log(a);

// 2
fn();
function fn (){
    console.log(111);
}

// 重名getcool的问题
getCool();

// 同名情况下 函数声明的权重比变量高
console.log(a);

  function a() {
    console.log('aaaa');
  }
   var a = 1;
console.log(a);

面试题：

//1.
var num = 10;
fn1();
function fn1() {
   console.log(num);
   var num = 20;
}
​
//2.
var a = 18;
fn2();
function fn2() {
   var b = 9;
   console.log(a);
   console.log(b);
}
​
//3.
fn3();
console.log(c);
console.log(b);
console.log(a);
function fn3() {
   var a = b = c = 9;
   console.log(a);
   console.log(b);
   console.log(c);
}
​
​
//4.
a();
function a (){
console.log(1);
}
var a = 1;
a();
console.log(a);
​
// 5、
var n1 = 11;
var n2 = 22;
fn2();
fn();
function fn() {
   var n1 = 111;
   n2 = 222;
   var n3 = 333;
   console.log(n1, n2, n3);
}
​
function fn2() {
   n1 = 1111;
   var n2 = 2222;
   var n3 = 3333;
   console.log(n1, n2, n3);
}
console.log(n1, n2);
console.log(n3);

**匿名函数与自执行函数 **
匿名函数
匿名函数：没有名字的函数
匿名函数如何使用：

1. 将匿名函数赋值给一个变量，这样就可以通过变量进行调用 我们将这个称之为函数表达式 函数表达式值会预解析前面的var 后面的值不会被解析
2. 自执行（匿名函数自执行）
   匿名函数可以避免全局变量的污染
   自执行函数
   函数可以自执行

(function fn(){
 console.log("我可以自己执行哦");
})();

函数也是一种类型 (能看懂就行)
声明函数的两种方式
函数声明：

function 函数名(){
 //函数体
}

函数表达式(匿名函数)：

var 函数名 = function(){
 //函数体
}

函数可以作为参数
通常，我们把作为参数传递的函数叫做回调函数

function fn1(fn) {
 fn();
}
fn1(function(){
  console.log("哈哈");
});
函数可以作为返回值
在js高级中，闭包会使用到。
function fn1() {
   return function(){
     console.log("呵呵");
  }
}
fn1()();//调用