美文网首页
javascript函数的多种用法:

javascript函数的多种用法:

作者: _Jian__ | 来源:发表于2018-12-13 16:12 被阅读0次

2018-08-05

一,javascript 代码运行分为两个阶段:

 1、预解析  --- 把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前

2、执行  --- 从上到下执行  (setTimeout,setInterval,ajax中的回调函数,事件中的函数需要触发执行)

 function fn(){console.log(1111);}

 var abc;  var fn1;

//下列两个函数,第一个会执行,第二个不会执行,就是因为javascript的预解析机制

 fn();

 function fn(){console.log(1111);}

fn1();

 var fn1 = function(){  console.log(1111);  };

 var abc = '123';

二,参数函数:函数的参数可以是一个函数,这个函数可以直接调用

var obj = {

name:"zhangsan",

say:function(){console.log("hello");}

};

var cb = function(){console.log(123);}

function fn2(callback){callback();}

fn2(obj.say);

三,闭包:函数可以作为返回值,函数的嵌套形成闭包

function fn4(){

var n = 1;

var fn = function(){n ++;console.log(n);}

return fn;

}

//这里的fn5就是里面的fn,闭包的特点就是

var fn5 = fn4();

fn5();  fn5();  fn5();

//输出的结果为2,3,4,说明n的值没有被销毁,而是保留下来,另外一点:function内是一个函数空间,函数外不能够访问,闭包就可以让我们访问函数内的数据。

例子:

var i=0;var data = [];

for(i=0;i<3;i++){

data[i] = function(){console.log(i);}

}  

data[0](); data[1](); data[2]();

//输出的值都是3,由于没有for里面没有块作用域,定义的i和外面的i是一样的,赋值后data里面为三个函数,i为3,故输出全为3,要想输出0,1,2,就要运用 到闭包的知识

var i=3;

var data = [];

for(i=0;i<3;i++){

data[i] = (function(k){

return function(){console.log(k);}

})(i);

}//( function(){}) ()是一个立刻执行函数,里面用到闭包,就可以存储值

data[0]();data[1]();data[2]();

相关文章

  • javascript函数的多种用法:

    2018-08-05 一,javascript 代码运行分为两个阶段: 1、预解析 --- 把所有的函数定义提前,...

  • 2016-11-24

    JavaScript escape() 函数 JavaScript 全局对象 定义和用法:escape() 函数可...

  • JavaScript encodeURIComponent()

    JavaScript encodeURIComponent() 函数 JavaScript 全局对象 定义和用法 ...

  • 2019-01-24记录

    计算函数被执行次数 ---- javascript reduce()函数的用法(): reduce函数可 接受一个...

  • JavaScript函数的多种写法

    如果你曾与JavaScript代码打过交道,你应该会很熟悉如何定义和调用函数,但是你真的知道有多少种定义函数的方法...

  • Jmeter函数-时间函数多种用法

    总结一下jmeter的时间函数使用: 1、__time :获取时间戳、格式化时间 1)${__time(,)}:获...

  • JS获取随机字符串 GUID

    1、js函数 2、JavaScript toString() 方法 (1)、 定义和用法: toString()...

  • 判断NAN

    JavaScript isNaN() 函数 定义和用法 isNaN() 函数用于检查其参数是否是非数字值。 语法 ...

  • js中location.href的用法

    Javascript中的location.href有很多种用法,主要如下: self.location.href=...

  • window.location.href的用法

    javascript 中的 location.href 有很多种用法,主要如下: self.location.hr...

网友评论

      本文标题:javascript函数的多种用法:

      本文链接:https://www.haomeiwen.com/subject/wxgivftx.html