断言
单元测试框架的核心是断言方法,通常叫assert()。
该方法通常接收一个值--需要断言的值,以及一个表示该断言目的的描述。
如果该值执行的结果为true,断言就会通过;
否则,断言就会被认为是失败的。
通常用一个相应的通过(pass)/ 失败(fail)标记记录相关的信息;
function assert(value, desc) { let li = document.createelement('li'); li.classname = value ? 'pass' : 'fail'; li.appendchild(document.createtextnode(desc)); document.getelementbyid('results').appendchild(li); } // 断言函数 function assert(value, desc) { if (value) { console.log(`\033[32m ${desc} \033[0m`); // 断言通过 绿色字体 } else { console.log(`\033[31m ${desc} \033[0m`); // 断言失败 红色字体 } }
函数
if (window) { var x = 123; } alert(x);
执行代码后,会弹出123,是因为javascript在大括号关闭处并没有终止其作用域。
作为函数进行调用
如果一个数不是作为方法、构造器、或者通过apply()或call()进行调用的,则认为它是“作为函数”进行调用的。
function ninja() {}; ninja() var samurai = function() {}; samurai()
作为方法进行调用
当一个函数被赋值给对象的一个属性,并使用引用该函数的这个属性进行调用时,那么函数就是作为该对象的一个方法进行调用的。
var 0 = {}; o.whatever = function() {}; o.whatever();
作为构造器进行调用
创建一个新的空对象;
传递给构造器都对象是this参数,从而成为构造器的函数上下文;
如果没有显式都返回值,新创建的对象则作为构造器的返回值进行返回。
function ninja() { this.skulk = function() { return this; } } var ninja1 = new ninja(); var ninja2 = new ninja();
构造器的目的是通过函数调用初始化创建新的对象。
函数调用方式差异
作为方法调用,该上下文是方法的拥有者;
作为全局函数进行调用,其上下文永远是window(也就说,该函数是window的一个方法)。
作为构造器进行调用,其上下文对象则是新创建的对象实例。
使用apply()和call()方法
function juggle() { var result = 0; for (var n = 0; n < arguments.length; n++) { result += arguments[n] } this.result = result; } var ninja1 = {}; var ninja2 = {}; juggle.apply(ninja1, [1,2,3,4]); juggle.call(ninja2, 5,6,7,8) assert(ninja1.result === 10, 'juggled via apply'); assert(ninja2.result === 26, 'juggled via call');
使用apply()和call()可以选择任意对象作为函数上下文;
函数总结
函数是第一型对象;
函数是通过字面量进行创建的,其名称是可选的。
在页面生命周期内,浏览器可以将函数作为各种类型的事件处理程序进行调用。
变量的作用域开始于声明处,结束于函数尾部,其会跨域边界(如:大括号)
内部函数在当前函数的任何地方都可用(提升),即便是提前引用。
函数的形参列表和实际参数列表的长度可以是不同的。
每个函数调用都会传入两个隐式参数。
可以用不同的方法进行函数调用,不同的调用机制决定了函数上下文的不同。
匿名函数
为了不让不必要的函数名称污染全局命名空间,可以创建大量的小型函数进行传递,而不是创建包含大量命令语句的大型函数。
递归
闭包
var outervalue = 'ninja'; var later; function outerfunction() { // 该变量的作用域限制在该函数内部,并且在函数外部访问不到; var innervalue = 'samurai'; // 在外部函数内,声明一个内部函数。 // 注意:声明该函数时,innervalue是在作用域内的 function innerfunction() { assert(outervalue, 'i can see the ninja'); assert(innervalue, 'i can see the samurai'); // 将内部函数引用到later变量上,由于later在全局作用域内,所以可以对它进行调用。 later = innerfunction; } } // 调用外部函数,将会声明内部函数,并将内部函数赋值给later变量。 outerfunction(); // 通过later调用内部函数。 // 我们不能直接调用内部函数,因为它的作用域(和innervalue一起)被限制在outerfunction内。 later();
闭包使用场景:私有变量
在构造器内隐藏变量,使其在外部作用域不可访问,但是可以存在于闭包内。
function ninja() { var feints = 0; this.getfenits = function() { return feints; } this.feint = function() { feints++; } } var ninja = new ninja(); ninja.feint(); assert(ninja.getfenits() === 1, '调用一次,内部变量++'); assert(ninja.feints === undefined, '函数外部不可访问')
变量的作用域依赖于变量所在的闭包
闭包记住的是变量的引用,而不是闭包创建时刻该变量的值
原型与面向对象
如对本文有疑问, 点击进行留言回复!!
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论