WEB基础之：JavaScript函数

1. 浏览器内置函数

console.log(value);
myArray.join();
myString.replace();
var myNumber = Math.random()

2. 自定义函数

function myFunction() {
   
  alert('hello');
}

3. 调用函数

myFunction()
// calls the function once

3.1 函数作用域

• 函数的内声明在函数未被调用之前，已经创建；

• 若存在作用域链(函数套用函数)，也是在函数未被调用之前，已经创建；

• 函数内部变量优先提前声明

  1. 形式参数

  2. 局部变量

  3. 函数表达式

     function foo(arg) {
            
         console.log(arg);
         var arg = 1;
         console.log(arg);
         function arg(){
            };
         console.log(arg);
     }
     foo(2)
     /*
     function arg()
     1
     1
     */
     
     假设当前活动对象为AO；
     // 初始
     AO.arg = undefind;
     // 
     

• 在执行函数之前，解析器会先查找并声明函数内部的声明；

4. 匿名函数

function() {
   
  alert('hello');
}

//没有函数名称的叫做匿名函数，它也不会自己做任何事情。 通常将匿名函数与事件处理程序一起使用

var myButton = document.querySelector('button');

myButton.onclick = function() {
   
  alert('hello');
}

//还可以将匿名函数分配为变量的值
var myGreeting = function() {
   
  alert('hello');
}

myGreeting();

//有效地给变量一个名字;还可以将该函数分配为多个变量的值，
var anotherGreeting = function() {
   
  alert('hello');
}

anotherGreeting();

主要使用匿名函数来运行负载的代码以响应事件触发（如点击按钮）,使用事件处理程序。如：

<button id="btn">mybutton</button>

let myButton = document.getElementById('btn')
myButton.onclick = function() {
   
alert('hello');
}

5. 返回值

指函数执行完毕后返回的值。