JavaScript函数(Function)，带你全面理解View的绘制流程

• 函数作用域

• 变量和函数的声明提前

函数(Function)

======================================================================

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

方法的声明

---

function 名字(参数列表…){

//语句块

}

//调用

方法名字()

实例↓

function sayHi(){

console.log(‘hello JavaScript’)

}

sayHi();

在js中一切皆是对象,方法只要加括号就可以执行

function sayHi(){

console.log(‘hello JavaScript’)

}

var myfun = sayHi;

myfun()

无参函数

---

像这种不传参数的函数就是无参函数

function sayHi(){

console.log(‘hello JavaScript’)

}

sayHi();

样例代码：

效果截图：

有参函数

---

有参的函数我们在定义时需要定义参数，而且调用时也需要传入参数。

样例代码：

效果截图：

函数可以作为参数传递

---

第一种写法

function say (value) {

alert(value);

}

function execute (someFunction, value) {

someFunction(value);//回调函数

}

execute(say, ‘hi js.’);

上面代码是将say方法作为参数传递给execute方法。

第二种写法

var say = function(value) {

alert(value);

}

function execute (someFunction, value) {

someFunction(value);//回调函数

}

execute(say, ‘hi js.’);

第三种写法

function execute (someFunction, value) {

someFunction(value);//回调函数

}

execute(function(value) {

alert(value);

}, ‘hi js.’);

上述代码中execute方法的第一个参数是一个匿名函数(没有函数名的函数)。函数有名字是为了方便下次使用。 而使用匿名函数通常不希望再次使用(即只使用一次的)的函数可以定义为匿名函数。

上面的函数say被叫做回调函数。

回调函数

---

回调函数就是你调用别人（execute），然后别人会调用你（say），简言之：你写一个函数（say），但不是由你调用，是由你调用的一个函数（execute）调用。

函数做为返回值

样例代码：

效果截图：

arguments

---

在调用函数时，浏览器还传递了另一个隐含的参数，还有一个参数叫做arguments。arguments是一个类数组对象，在它里边保存着函数执行时的实参。函数的所有的实参都在arguments中保存，通过arguments即使不定义形参也可以使用参数。

样例代码：