进阶-函数

  • 函数的定义

    • 函数声明
      函数定义会被前置
      重复定义函数时,最后一次定义有效
      //可以在创建前被调用
      function add(i, j) {
      return i + j;
      }
    • 函数表达式
      //不可以在创建前被调用
      var add = function (i, j) {
        return i + j;
      };
      
    • 函数实例化
      定义的函数只能访问本地作用域和全局作用域
      //不可以在创建前被调用
      var add = new Function("i", "j", "return (i + j)");
  • 函数调用

    • 函数调用模式
      this指向全局对象
    • 方法调用模式
      this指向调用者
    • 构造函数调用模式
      this指向被构造的对象
    • apply(call)调用模式
      this指向第一个参数
  • 函数传参

    • 原始类型按值传递
    • 对象类型按共享传递
  • 闭包
    1. 保存函数运行状态
      /**
      * 闭包使用举例1
      * 将字符串中的一些特定字符按顺序用数组中的元素替换,例如:
      * var arr = ['c','f','h','o'];
      * var str = 'ab4de8g4ijklmn7';
      * 替换后 str == 'abcdefghijklmno';
      * replace的用法请参考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace
      **/
      var arr = ['c','f','h','o'];
      var str = 'ab4de8g4ijklmn1';
      console.log(str);
      var func = (function(){
      // count变量会保存在闭包作用域内,表示func被调用次数(即正在替换第几个字符)
      var count = 0;
      return function(){
      return arr[count++];
      }
      })();
      str = str.replace(/\d/g, func)
      console.log(str); // => "abcdefghijklmno"

    2. 封装
      /**
      闭包使用举例2 -- 封装
      1.暴露type类型和start, stop, getStatus方法
      2.隐藏status,light对象状态
      **/
      var Car = function(type){
      var status = "stop",
      light = "off";
      return {
      type: type,
      start: function(){
      status = "driving";
      light = "on";
      },
      stop: function(){
      status = "stop";
      light = "off";
      },
      getStatus: function(){
      console.log(type + " is " + status + " with light " + light);
      }
      }
      }
      var audi = new Car("audi");
      audi.start();
      audi.getStatus(); // => "audi is driving with light on"
      audi.stop();
      audi.getStatus(); // => "audi is stop with light off"

    3. 性能优化
      /**
      闭包使用举例3 -- 性能优化1
      减少函数定义时间和内存消耗
      **/
      // 不使用闭包
      function sum(i, j) {
      var add = function(i, j){
      return i+j;
      }
      return add(i, j)
      }
      var startTime = new Date();
      for(var i = 0; i< 1000000; i++) {
      sum(1,1);
      }
      var endTime = new Date();
      console.log(endTime - startTime); // => 66

       // 使用闭包
       var sum = (function() {
         var add = function(i, j){
           return i+j;
         }
         return function(i,j) {
           add(i, j);
         }
       var startTime = new Date();
       for(var i = 0; i< 1000000; i++) {
         sum(1,1);
       }
       var endTime = new Date();
       console.log(endTime - startTime);  // => 8

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 6,894评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 1,525评论 1 10
  • PHP自定义函数 PHP内置了超过1000个函数,因此函数使得PHP成为一门非常强大的语言。大多数时候我们使用系统...
    深沉的简单阅读 198评论 0 0
  • 写在前面 如非特别说明,下文均基于Python3 Python进阶-函数默认参数 一、默认参数 python为了简...
    理查德成阅读 1,679评论 0 3
  • 上节内容介绍了函数的参数处理,本节内容主要讲解函数的返回值处理主要内容如下: 函数返回值的意义 返回值的操作 返回...
    大牧莫邪阅读 415评论 0 3
  • 【导读】有些创业的朋友总觉得生意做的不是很如意,总是高不成低不就的,下面小编以一个卖报的案例给你解开销售不畅的核心...
    一本正精的胡说八道阅读 138评论 0 0
  • 听《曾国藩的正面与侧面》作者张宏杰老师微信群分享~ 曾国藩是一个天资不高、崇尚“以拙胜巧、以诚应伪”的人。张宏杰老...
    读行人声阅读 643评论 0 1
  • 6月21日,今天是球球的第123天。 很累了,很晚了,简单记两笔吧。 昨晚上很闹,一直不睡,我从八点多开始哄睡觉,...
    曦宝阅读 26评论 0 0
  • 一千个人眼中有一千个哈姆雷特、一千种红学、一千个金庸,金老爷子15本名著引无数人为之疯狂为之折腰为之孜孜不倦,这本...
    薛定谔猫猫阅读 1,094评论 0 1
  • HTML5中国 你应该知道的CSS文字大小单位PX、EM、PT 2013-07-17 11:19:0230css3...
    A听风画秋雨阅读 60评论 0 0