函数

最新推荐文章于 2024-11-07 13:38:59 发布

weixin_30300523

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量67

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xu991377264/p/9381752.html

版权

函数（全是重点）

1.函数就是一个具有某些功能的代码块(可以看作是个工具)，这个代码块只能被事件激活，或者在函数被调用时才会执行。你可以在页面中的任何位置调用.

2.函数的创建方法：

（1）第一种定义方式：函数声明

function fun(){

console.log(3);

//return this;

//为什么函数会输出函数体中的内容，因为在函数体的最后,

// 默认会有一个 return this ! 不过可以修改成其它的返回值！，

//这里的this指的是全局对象window

}

fun(); //函数调用，函数必须调用，不调用函数是不会执行代码块

（2）第二种定义方式：函数表达式（存储在变量中）

var fun1=function()

{

console.log(5);

}

fun1();// 这里的函数调用必须放在函数声明（即函数所存变量）的前面

如果放在前面的话，代码会报错：

错误举例：

（3）函数的第三种定义方式：构造函数

var fun2= new Function(console.log(8)); //8

//函数调用，函数必须调用，不调用函数是不会执行代码块

函数可以自调

3.函数的调用方式

javaScript 函数有 4 种调用方式：

每种方式的不同在于 this 的初始化。

（1）作为一个函数去调用: 函数名();

函数作为全局对象调用，会使this的值成为全局对象，使用window对象作为一个变量，容易造成程序崩溃！

例1：

function myFunction(a, b)

{

return a * b;

}

myFunction(10, 2) // myFunction(10, 2) 返回 20

例2：

function myFunction(a, b)

{

return a * b;

}

window.myFunction(10, 2); // window.myFunction(10, 2) 返回 20

这是调用 JavaScript 函数常用的方法，但不是良好的编程习惯

全局变量，方法或函数容易造成命名冲突的bug。

当函数没有被自身的对象调用时 this 的值就会变成全局对象。

在 web 浏览器中全局对象是浏览器窗口（window 对象）。

function myFunction()

{

return this;

}

myFunction(); // 返回 window 对象

（2）函数作为方法调用;（函数作为对象的方法调用，会使this的值成为对象的本身）

var myObject = {

firstName:"John" ,

lastName: "Doe" ,

fullName: function ()

{

return this.firstName + " " + this.lastName;

}

myObject.fullName()

（3）使用构造函数调用调用函数（谁调用它，this就指向谁）

（4）作为函数方法调用函数：

在js中函数是对象，是对象就有属性和方法，而call（）和apply（）是预定义的函数方法！两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。

====递归函数

1.通过函数自身名字调用

这种通过函数名字调用自身的方式存在一个问题：函数的名字是一个指向函数对象的指针，如果我们把函数的名字与函数对象本身的指向关系断开，这种方式运行时将出现错误。

2.通过arguments.callee调用函数自身

例子：

function sum(num){

if(num<=1){return 1;}

return num+arguments.callee(num-1);

}

console.log(sum(5));//15

function sum(num){

if(num<=1){

return 1;

}else{

return num+arguments.callee(num-1);

}

console.log(sum(5));//15

var sumAnother=sum;

console.log(sumAnother(5));//15

sum=null;

console.log(sumAnother(5));//15

这种方式很好的解决了函数名指向变更时导致递归调用时找不到自身的问题。但是这种方式也不是很完美，因为在严格模式下是禁止使用arguments.callee的。

警告：在严格模式下，第5版 ECMAScript (ES5) 禁止使用 arguments.callee()。当一个函数必须调用自身的时候, 避免使用 arguments.callee(), 通过要么给函数表达式一个名字,要么使用一个函数声明.参考： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments/callee

===类数组对象：arguments：

当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面
它是一个特殊的对象，它的属性名是按照传入参数的序列来的，第一个参数位于位置 0，第二个参数位于位置 1，依此类推，并且它还有length属性，存储的是当前传入函数参数的个数。