Skip to content

Learning javascript from book <Javascript Ninja>, this is my test code.

Notifications You must be signed in to change notification settings

xsyww/Javascript-Ninja

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

我的《Javascript忍者秘籍》学习笔记

第四章 函数

函数的length属性

  • arruments.length不同,functionlength属性是指函数定义时,声明的需要的参数个数。
  • arguments.length则是函数具体执行时,真正被传入到函数中的参数个数。

apply和Call

  • applycall都可以改变函数运行时的上下文。
  • apply函数接收两个参数,一个是函数运行的上下文,另一个是函数参数组成的数组或者直接一个arguments
  • call函数类似,唯一不同是它接受的是不定数量的参数,同样它的第一个参数也是函数运行的上下文。

arguments

  • 它是函数运行时被传入的参数集合
  • 它类似于数组,有length属性,但是它并不是数组,也没有其它方法。
  • 可以用for语句来遍历参数内容,用arguments[n]来获取其中参数
  • 可以用如下的方法把arguments转化为参数数组
    var args = Array.prototype.slice.call(arguments);   // 当然,这句要放在一个函数里

全局函数

    // 这个函数可以用 window.func1 访问到
    function func1() {  
        console.log("Hello, world!");
    }

    // 特别的,这种定义 obj1将会成为window的属性,但func2不会
    // 也就是说 window.obj1()可以执行,但没有window.func2()
    var obj1 = function func2() {
        console.log("Test message");
    }

作用域

  • 函数的作用域是在它所定义的代码块中,所以只要在同一个代码块中,函数使用可以在函数定义之前。
  • 相对应的,变量的作用域是从它被定义的地方开始,所以变量得先定义,之后的代码才能使用,但特别的,变量的作用域结束于它所在的函数块,而不是代码块,所以,在if代码块中定义好的变量,在脱离if块以后的相同函数块内仍然是可以使用的
    if (true) {
        var count = 3;
        // do something...
    }

    assert(count == 3, "count仍然可用");

判断一个object是不是个函数

    function isFunction(fn) {
        return Object.prototype.toString.call(fn) == "[Object Function]";
    }

第五章 闭包

闭包是一个函数在创建时允许该自身函数访问并操作该自身函数之外的变量时所创建的作用域。换句话说,闭包可以让函数访问所有的变量和函数,只要这些变量和函数存在于函数声明时的作用域内就行,哪怕当前调用该函数的位置已经远远脱离被调用函数被定义时的作用域了。

闭包的特别

函数定义时生成的闭包,不仅和它定义的位置有关系,还和它被调用时的位置有关系

例如如下方法,尝试让内部的innerFunction访问定义在它之后的tooLate变量

    var later;

    function outerFunction() {
        function innerFunction() {
            assert(tooLate, "Inner can see the ronin");
        }
        later = innerFunction;
    }
    outerFunction();

    assert(!tooLate, "Outer can see the ronin");    // 外部当然访问不到,下面还没有定义

    var tooLate = 'ronin';
    later(); // innerFunction中的断言成功!!可以访问到tooLate变量

但是,把later()执行的方法放在tooLate定义之前,结果就不一样了

    later();    // 这种情况下,innerFunction中的断言就失败了!无法访问到tooLate变量
    var tooLate = 'ronin';

上面的这个例子明显和书里说的有出入,书中说

作用域之外的所有变量,即使是在函数声明之后的那些声明,也都包含在闭包中。

但是,真实情况是:它和调用它的位置也有关系,如果调用的位置变量仍然没有被定义,那么闭包中的被调用的函数也无法访问该变量。

第六章 原型和面向对象

实例化和原型

  • 一个function调用时只有用new来修饰的时候,才会返回一个对象,否则就是正常的函数调用。
  • 构造器内创建的方法会阻挡在原型上定义的同名方法。
  • 每个对象,都有一个隐藏的constructor属性,该属性指向创建该对象的构造器。prototype是作为constructor的属性被保存起来的。
  • 因为constructor是构造器的引用,所以可以使用它来创建新的同类型对象,如:
    function Ninja() {};
    var ninja = new Ninja();
    var ninja2 = new ninja.constructor();   // 同样可行

疑难陷阱

  • 很多时候开发者会遍历一个对象的所有属性,如果你轻易地在Object的原形上添加或者改变属性,这对其它开发者是不尊重。
  • hasOwnProperty方法可以判断一个属性是不是实例本身的(true),如果是通过原型定义的,将会返回false\
  • 可以用如下的代码判断一个函数是作为构造器被调用还是普通的函数调用
    function Test() {
        return this instanceof arguments.callee;
    }

    assert(!Test(), "We didn't instantiate, so it returns false");
    assert(new Test(), "We did instantiate, returning true");

About

Learning javascript from book <Javascript Ninja>, this is my test code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published