对象

  • 对象属性的名字可以是空字符串,属性值可以是undefined(原文为属性值可以是除undefined以外的任何值,但是测试可以为undefined)。

  • 尝试从undefined的属性中取值会导致TypeError,可以通过&&运算符避免。(obj.name && obj.name.oldName)

函数

  • 调用一个函数会暂停当前函数的执行,控制权转交给新的函数。每个函数都接受两个附加的参数:thisargumentsthis有四种调用情况不再赘述。

  • 当一个函数运行时,它从第一个语句开始执行,并在遇到关闭函数体的}时结束。return语句可以使函数提前返回,中断函数的运行。

  • throw语句也能中断函数的执行,并且抛出一个错误对象。

  • 函数总会返回一个值。如果没有指定返回值,则返回undefined。(任何语句都会返回值,在浏览器console面板执行语句后的值就是返回值)。图片描述

  • 柯里化延迟调用,把函数看做一个值,在函数之前传递。

  • 递归优化: 记忆。利用闭包建立一个储存区,避免重复运算。如

  var fibonacci = function (n){
    return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);
  }

  // 自己的代码
  var fibonacci = (function (){
    var memo = {};
    return function (n){
      if (n < 2) {
        return n;
      }
      if (!memo[n]) {
        memo[n] = fibonacci(n-1)+fibonacci(n-2);
      }
      return memo[n];
    }
    })()
    
   // 书上原版
   var fibonacci = function () {
     var memo = [0, 1];
     var fib = function (n) {
       var result = memo[n];
       if (typeof result !== 'number') {
         result = fib(n - 1) + fib(n - 2);
         memo[n] = result;
       }
       return result;
     };
     return fib;
   }();

然后自己测试了一下性能,在大量运算的时候确实很厉害。一开始传了个100进去,然后浏览器就卡死了。。。图片描述
此外书中还提供了一个包装函数如下:

  var memoizer = function(memo, formula) {
    var recur = function(n) {
      var result = memo[n];
      if (typeof result !== 'number') {
        result = formula (recur, n);
      }
      return result;
    }
    return recur;
  }

  例如调用一个阶乘函数: var factorial = memoizer([1, 1], function(recur, n) {
    return n * recur (n - 1);
    })

区别数组和对象的好方法。Object.prototype.toString.apply(someObj) 返回一个'[object Array]'或者'[object Object]'.用constructor不确定性太多。instanceof在iframe情况下不能正常工作。Array.isArray()也是极好的,只是IE8下不兼容。

方法

  • array.slice方法对array中的一段做浅复制,[obj,obj]中的对象改变会反应在两个数组上。

  • array.shift方法要比array.pop慢上30%左右。

毒瘤

  • 自动插入分号,如:

    return
      {
        some: 1
      }
     // 直接执行了 return;
  • typeof null返回'object'

其它的一些缺点因为已经习惯了就没放上来了。


发条橙子
399 声望14 粉丝

我爱吃西瓜