JavaScript函数及做用域
知识内容：javascript
1.JavaScript函数html
2.JavaScript全局函数及特殊函数java
3.JavaScript做用域python
4.本节练习express
参考资料：《JavaScript高级程序设计》数组
1、JavaScript中的函数浏览器
1.函数的定义闭包
学完python后，对函数的定义必定再也不陌生了，函数对于任何一个语言来讲都是核心的概念。经过函数咱们能够封装任意多条语句，并且能够在任何地方任什么时候候调用执行。JavaScript中的函数使用function来声明定义，函数的基本语法以下：app
1 function functionName (arg0, arg1, ..., argN){
2 statements 3 } 4 5 // 如下是一个函数示例: 6 function sayHi(name, message){ // 定义函数 7 alert("Hello " + name + ", " + message); 8 } 9 sayHi("wyb", "Good morning!"); // 调用函数
或者如下面的这种方式定义函数：ide
1 sayHi = function() {
2 console.log("Hello, world!"); 3 } 4 5 sayHi();
我的建议使用上面第二种方法定义函数
2.函数的参数与返回值
(1)函数的参数
像上面的例子中出现的参数都叫命名参数，相似python中的普通参数，在这里不作详细解释
JavaScript中函数的参数在内部是用一个数组表示，函数接受的始终是这个数组，而不关心数组中包含哪些参数。实际上函数能够经过arguments对象来访问这个参数数组，从而获取传递给函数的每个参数
arguments对象：
- 访问参数 - arguments[index]
- 获取参数个数 - length属性
1 function sayHi(){
2 console.log("Hello " + arguments[0] + "," + arguments[1]);
3 console.log(arguments.length); // 输出传入的参数个数
4 }
5
6 sayHi("wyb", "good morning!");
7
8 // console.log() -> 在浏览器中的命令行输出
根据arguments对象实现让函数接受任意个参数并分别实现适当的功能：
1 function add(){
2 if (arguments.length == 1){
3 alert(arguments[0]);
4 }
5 else if (arguments.length == 2){
6 alert(arguments[0] + arguments[1]);
7 }
8 }
9
10 add(10); // 10
11 add(10, 20); // 30
另外arguments对象能够和传统的命名参数一块儿结合使用：
1 function add(num1, num2){
2 if (arguments.length == 1){
3 alert(num1);
4 }
5 else if (arguments.length == 2){
6 alert(num1 + arguments[1]);
7 }
8 }
9
10 add(10); // 10
11 add(10, 20); // 30
在上面这个程序中num1就至关于arguments[0]，num2就至关于arguments[1]，另外arguments的值始终和对应命名参数的值保持一致
注：没有传值的命名参数就被自动赋予undefined值相似变量定义时没有初始化同样；JavaScript中全部参数传递的都是值，不可能经过引用传递参数
(2)默认参数及可变参数
JavaScript中不像python那样直接提供默认参数和可变参数，可是咱们能够借arguments来间接实现默认参数和可变参数
arguments实现默认参数:
1 // arguments实现默认参数: 2 var func = function(x, y){ 3 // x默认为1，y默认为2 4 var paramsNumber = arguments.length; // 得到传入参数的个数 5 if (paramsNumber===0){ 6 x = 1; 7 y = 2; 8 } 9 if (paramsNumber===1){ 10 y = 2; 11 } 12 console.log(x+y) 13 }; 14 15 func(3, 3); 16 func(3); 17 func();
其实还有一种更简单的方法能够实现默认参数：
1 // 实现默认参数: 2 var func = function (a, b){ 3 a = a || "a的默认值"; // a未传值时后面的值将赋给a，下面的b也是同理 4 b = b || "b的默认值"; 5 console.log(a); 6 console.log(b); 7 }; 8 9 func(1, 2); 10 func(1); 11 func();
arguments实现可变参数:
1 // arguments实现可变参数: 2 var test = function () { 3 // 能够传入任意参数 4 var paramsNumber = arguments.length; // 得到传入参数的个数 5 var sum = 0; 6 for (var i = 0; i < paramsNumber; i += 1) { 7 sum += arguments[i]; 8 } 9 console.log(sum); 10 }; 11 12 test(); 13 test(1, 2, 3); 14 test(1, 2, 3, 4, 5);
(3)返回值
- JavaScript中函数能够有也能够没有返回值，使用return来返回返回值
- 函数会在return以后中止执行并当即退出，退出以后位于return以后的语句将不会执行；
- 函数中能够多个return
- return也能够不带任何返回值
1 // 带返回值的函数
2 function sum(num1, num2){
3 return num1 + num2; 4 } 5 6 // return以后的语句不会执行 7 function sum(num1, num2){ 8 return num1 + num2; 9 alert("return以后的语句不会执行"); // 不会执行 10 } 11 12 // 包含多个return 13 function diff(num1, num2){ 14 if (num1 < num2) { 15 return num2 - num1; 16 } 17 else { 18 return num1 - num2; 19 } 20 } 21 22 // 不带任何返回值的return 23 function sayHi(name, message){ 24 alert("Hello " + name + ", " + message); 25 return; 26 } 27 sayHi("wyb", "Good morning!");
3.函数中的局部变量与全局变量
(1)局部变量：
在JavaScript函数内部声明的变量（使用 var）是局部变量，因此只能在函数内部访问它（该变量的做用域是函数内部）。只要函数运行完毕，本地变量就会被删除。
(2)全局变量：
在函数外声明的变量是全局变量，网页上的全部脚本和函数都能访问它。另外在函数内声明的变量若是省略var就是定义了全局变量
(3)变量生存周期：
JavaScript变量的生命期从它们被声明的时间开始：
- 局部变量会在函数运行之后被删除
- 全局变量会在页面关闭后被删除
4.函数注意事项
每一个函数都是Function类型的实例，并且都与其余引用类型同样具备属性和方法。因为函数是对象，所以函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定
除了和其余语言同样的函数定义方法(函数声明)，JavaScript中的函数还能够这样定义(函数表达式)：
1 var sum = function(num1, num2){
2 return num1 + num2
3 }
总结：在JavaScript中函数是对象，函数名是指针
(1)没有重载(深刻理解)
传统的函数重载：
1 var addSomeNumber = function (sum){
2 return num + 100;
3 }
4
5 var addSomeNumber = function (sum){
6 return num + 200;
7 }
8
9 var res = addSomeNumber(100)
10 console.log(res) // 300
深刻理解：在JavaScript中函数名实质是一个指针，也就是一个变量，后一个函数名实际上覆盖了前一个函数名，就相似变量赋值两次后最后值是最后一次赋值的值同样
(2)函数声明与函数表达式
JavaScript解释器对函数声明和函数表达式并不是一视同仁，解释器会先读取函数声明，并使其在执行代码前可用(能够访问)；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行
(3)做为值的函数
JavaScript中的函数名自己就是变量，故函数能够做为值来使用，能够像传递参数同样把一个函数传递给另外一个函数，也能够将一个函数做为另外一个函数的结果返回
(4)函数内部属性
函数内部中有两个特殊的属性：arguments和this。
- arguments中保存函数的全部参数
- this是引用的是函数据以执行的环境对象，在网页的全局做用域中this代指的就是window
(5)函数的属性和方法
函数的属性:
- length：表示函数但愿接受的命名参数的个数
- prototype：保存全部实例方法的真正所在，不过各个实例方法经过各自对象的实例访问
函数的方法：
apply()和call()：都是在特定的做用域中调用函数实际上等于设置函数体内this对象的值
apply：接受两个参数，一个是在其中运行函数的做用域，另外一个是参数数组(能够是普通数组也能够是arguments对象)
1 function sum(num1, num2){
2 return num1 + num2
3 }
4
5 function callSum1(num1, num2){
6 return sum.apply(this, arguments)
7 }
8
9 function callSum2(num1, num2){
10 return sum.apply(this, [num1, num2])
11 }
12
13 console.log(callSum1(1, 2)) // 3
14 console.log(callSum2(1, 2)) // 3
call：做用和apply方法同样，不一样的是第二个参数必须一个个列出来
1 function sum(num1, num2){
2 return num1 + num2
3 }
4
5 function callSum1(num1, num2){
6 return sum.call(this, num1, num2)
7 }
8
9 console.log(callSum1(1, 2)) // 3
apply和call方法真正的做用是扩充函数赖以运行的做用域
bind()：建立一个函数的实例，其this值会被绑定到传给bind方法的值
1 window.color = "red"
2 var o = {
3 color: "blue"
4 }
5
6 function sayColor(){
7 console.log(this.color)
8 }
9
10 var objectSayColor = sayColor.bind(o)
11 objectSayColor() // blue
5.JavaScript3种基本函数
(1)普通函数
上面全部的函数均是普通函数
1 function func(arg){
2 return true; 3 }
(2)函数表达式 - 没有固定名字的函数
1 var func = function(arg){
2 return "tony"; 3 }
(3)自执行函数(匿名函数) - 不须要名字的函数
程序从上到下解释执行，建立函数而且自动执行
1 (function(arg){
2 console.log(arg); 3 })('123')
关于匿名函数详细介绍：http://www.cnblogs.com/wyb666/p/9314141.html
2、JavaScript全局函数及特殊函数
1.JavaScript全局函数介绍
全局函数与内置对象的属性或方法不是一个概念。全局函数它不属于任何一个内置对象，能够在JavaScript程序中直接调用
2.JavaScript全局函数详细内容
(1)数据转换相关：
parseInt(String,radix):返回转换成整数的值。
parseFloat(string):返回转换成浮点型的值。
isFinite(value):检测某个是是不是无穷值。
isNaN(value):检测某个值是不是NaN。
encodeURI(uri):将字符串编码为URI
decodeURI(uri):解码某个编码的URI。
encodeURIComponent(uri):将字符串编码为URI组件
decodeURIComponent():解码一个编码的URI组件
escape():对字符串进行编码
unescape():解码由escape()编码的字符串
Number(object):把对象的值转换为数字
String():把对象的值转换为字符串
(2)其余：
eval():将JavaScript字符串看成脚原本执行
详细说明以下图：
3.JavaScript中的特殊形式的函数
(1)JavaScript中的函数也是数据类型
在JavaScript中，函数也是一种数据类型，是function类型，不过它有两个特征：里面包含的是代码和能够执行
(2)回调函数
回调函数：能够将匿名函数做为参数传递给其余函数，接受方函数就能够经过传递进来的函数完成某些功能
1 // 回调函数示例: 2 var calc = function (x, y) { 3 return x() + y() 4 }; 5 6 var test1 = function () { 7 return 1 8 }; 9 10 var test2 = function () { 11 return 2 12 }; 13 14 console.log(calc(test1, test2)); // 3 15 console.log(calc(function () { return 3 }, function () { return 3 } )); // 6
回调函数的优点：
- 在不作命名的时候传递函数，这样能够节省全局变量
- 将一个函数调用委托给另外一个函数，节省一些代码的编写
- 有助于提高性能
关于节省代码看如下示例：
1 // 回调函数节省代码的示例: 2 var test = function (a, b, c) { 3 var arr = []; 4 for (var i = 0; i < 3; i++) { 5 arr[i] = arguments[i] * 2; 6 } 7 return arr 8 }; 9 var jia = function (s) { 10 return s + 1; 11 }; 12 13 var arr1 = []; 14 arr1 = test(10, 20, 30); 15 console.log(arr1); // [20, 40, 60] 16 for (var i = 0; i < 3; i++) { 17 arr1[i] = jia(arr1[i]); 18 } 19 console.log(arr1); // [21, 41, 61] 20 21 // 上述代码用回调函数实现: 22 var addOne = function (n) { 23 return n+1; 24 }; 25 var test = function (a, b, c, callback) { 26 var arr = []; 27 for (var i = 0; i < 3; i++) { 28 arr[i] = callback(arguments[i] * 2); 29 } 30 return arr; 31 }; 32 console.log(test(10, 20, 30, addOne)); // [21, 41, 61] 33 console.log(test(10, 20, 30, function (n){return n+1;})); // [21, 41, 61]
另外用过函数自带的方法call()和apply()也能够实现回调函数，只不过这两个函数参数有特定的要求：
call方法传入的参数为函数名和函数参数(一个个的列出来)
apply方法传入的参数为函数名和参数数组
上述两个方法实例以下：
1 // call和apply方法: 2 var test = function (a, b) { 3 return a*b; 4 }; 5 console.log(test.call(test, 3, 5)); // 15 6 var params = [3, 5]; 7 console.log(test.apply(test, params)); // 15
注：上述传入的函数名能够用this代替，this代指当前对象即test函数
(3)自调函数(自执行函数)
自调函数：能够经过匿名函数来执行某些一次性的任务，匿名函数的基本形式为(function(){...})();
关于匿名函数详细内容：http://www.javashuo.com/article/p-gafukbzg-ba.html
示例：
1 // 自调用函数: 2 (function () { 3 alert("this a test!") 4 })(); 5 (function (a, b) { 6 alert(a+b); 7 })(3, 2);
自调函数的优势：不会产生任何全局变量
自调函数的缺点：函数没法重复执行，适合一些一次性或初始化的任务
(4)闭包
关于闭包，详情看这里：http://www.javashuo.com/article/p-gafukbzg-ba.html
3、JavaScript做用域
1.JavaScript执行环境
执行环境：定义变量及函数有权访问的数据，决定它们各自的行为。每一个执行环境都有一个与之关联的变量对象，环境中定义的全部变量和函数都保存在这个对象中
某个执行环境中的全部代码执行完毕后，该环境被销毁，保存在其中的全部变量和函数定义也随之销毁(全局执行环境直到应用程序退出-例如关闭网页或浏览器时才会被销毁)
函数与执行环境：每一个函数都有本身的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中，而在函数执行以后，栈将其环境弹出，把控制权返回给以前的执行环境
2.做用域
什么是做用域：一段程序代码中所用到的名字并不老是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的做用域
- C/C++/C#/Java等语言以代码块为做用域 -> 代码块以{}区分
- python/JavaScript以函数为做用域
关于JavaScript的做用域：JavaScript中每一个函数都有本身的做用域，当出现函数嵌套时，就出现了做用域链。当内层函数使用变量时，会根据做用域链从内到外一层层的循环，若是不存在，则异常
1 public void Func(){
2 if(1==1) 3 { 4 string name = "java"; 5 console.writeline(name); // 正常运行 6 } 7 console.writeline(name); // 报错 8 } 9 10 Func()
1 def func():
2 if 1==1: 3 name = "python" 4 print(name) // 正常运行 5 print(name) // 正常运行 6 7 func() 8 print(name) // 报错
function func(){
if(1==1){ var name = "javascript"; console.log(name); // 正常运行 } console.log(name); // 正常运行 } func(); console.log(name); // 报错
3.做用域链
当代码在一个环境中执行时，会建立变量对象的一个做用域链
做用域链的做用：保证对执行环境有权访问的全部变量和函数的有序访问
关于做用域和做用域链：
- 函数的做用域在函数未被调用以前就已经建立
- 函数的做用域存在做用域链，做用域链也是在函数被调用以前建立的
1 // 函数的做用域在函数未被调用以前肯定
2 name = "wyb"
3 function func(){
4 var name = "xxx"; 5 function inner(){ 6 var name = "ooo"; 7 console.log(name); // 输出: ooo 8 } 9 10 inner() 11 } 12 13 func(); 14 15 16 name = "wyb" 17 function func(){ 18 var name = "xxx"; 19 function inner(){ 20 // var name = "ooo"; 21 console.log(name); // 输出: xxx 22 } 23 24 inner() 25 } 26 27 func() 28 29 30 name = "wyb" 31 function func(){ 32 // var name = "xxx"; 33 function inner(){ 34 // var name = "ooo"; 35 console.log(name); // 输出: wyb 36 } 37 38 inner() 39 } 40 41 func() 42 43 44 // 函数的做用域存在做用域链 做用域链也是在函数被调用以前建立的 45 name = "wyb" 46 function func(){ 47 var name = "xxx"; 48 function inner(){ 49 var name = "ooo"; 50 console.log(name); // 输出: ooo 51 } 52 53 return inner; 54 } 55 56 var ret = func() 57 ret() 58 59 60 name = "wyb" 61 function func(){ 62 var name = "xxx"; 63 function inner(){ 64 // var name = "ooo"; 65 console.log(name); // 输出: xxx 66 } 67 68 return inner; 69 } 70 71 var ret = func() 72 ret() 73 74 75 name = "wyb" 76 function func(){ 77 // var name = "xxx"; 78 function inner(){ 79 // var name = "ooo"; 80 console.log(name); // 输出: wyb 81 } 82 83 return inner; 84 } 85 86 var ret = func() 87 ret()
注意如下问题：
1 name = "wyb"
2 function func(){
3 var name = "xxx"; 4 function inner(){ 5 // var name = "ooo"; 6 console.log(name); // 输出: tony 7 } 8 var name = "tony"; 9 10 return inner; 11 } 12 13 var ret = func() 14 ret()
输出tony的缘由是：
4.函数内局部变量会提早声明
1 // 函数内部局部变量会提早声明
2 // 当解释程序时，在函数提早生成做用域链的同时找到内部全部的局部变量
3 // 而后提早声明变量 var xxoo; // 此时输出xxoo的值为undefined
4
5 function func(){
6 console.log(xxoo); 7 } 8 9 func() // 程序直接报错 10 11 12 function func(){ 13 console.log(xxoo); 14 var xxoo = "666"; 15 } 16 17 func() // undefined
4、本节练习
题目以下：
1 练习要求: 2 每一个题使用函数完成，必须写相应的单元测试代码 3 4 第一题 5 参数是一个只包含数字的 array，求 array 的乘积 6 7 第二题 8 返回一个数的绝对值 9 10 第三题 11 参数是一个只包含数字的 array，求 array 中全部数字的平均数 12 13 第四题 14 参数是一个只包含数字的 array，求 array 中最小的数字 15 16 第五题 17 参数是一个数字 n， 返回如下序列的结果: 1 - 2 + 3 - 4 + 5 ... n 18 19 第六题 20 参数是一个数字 n， 返回如下序列的结果: 1 + 2 - 3 + 4 - ... n 21 22 第七题 23 实现 fac 函数: 接受一个参数 n， 返回 n 的阶乘, 1 * 2 * 3 * ... * n 24 25 第八题 26 注意 下面几题中的参数 op 是 operator(操做符) 的缩写! 27 实现 apply 函数，参数以下: 28 op 是 string 类型, 值是 '+' '-' '*' '/' 其中之一; a b 分别是 2 个数字; 根据 op 对 a b 运算并返回结果(加减乘除) 29 30 第九题 31 实现 applyList 函数: op 是 '+' '-' '*' '/' 其中之一; oprands 是一个只包含数字的 array; 根据 op 对 oprands 中的元素进行运算并返回结果; 32 例如, 下面的调用返回 -4 var n = applyList('-', [3, 4, 2, 1]) log(n) 33 34 第十题 35 实现 applyCompare 函数: 参数以下: expression 是一个 array(数组), 包含了 3 个元素: 36 第一个元素是 op, 值是 '>' '<' '==' 其中之一; 剩下两个元素分别是 2 个数字; 根据 op 对数字运算并返回结果(结果是 true 或者 false)
实现代码：
1 // 自定义log 2 var log = function () { 3 console.log.apply(this, arguments); 4 }; 5 6 7 // 套路, 照抄便可 8 // 单元测试用的函数: 9 var ensure = function(condition, message) { 10 // 若是condition为false 在控制台输出message 11 if (!condition) { 12 log(message) 13 } 14 }; 15 16 17 // 做业 1 18 // 参数是一个只包含数字的 array 19 // 求 array 的乘积 20 // 函数定义是 21 var product = function(array) { 22 // 先设置一个变量用来存 乘积 23 var s = 1; 24 // 遍历数组 25 for(var i = 0; i < array.length; i++) { 26 // 用变量 n 保存元素值 27 var n = array[i]; 28 // 累乘到变量 s 29 s = s * n 30 // 缩写是以下形式 31 // s *= n 32 } 33 // 循环结束, 如今 s 里面存的是数组中全部元素的乘了 34 return s 35 }; 36 37 // 如下就是单元测试代码 后面的以test开头的函数同理也是单元测试代码 38 // var testProduct = function() { 39 // ensure(product([1, 2, 3]) === 6, 'test product 1'); 40 // ensure(product([1, 2, 0]) === 0, 'test product 2'); 41 // }; 42 // testProduct(); 43 44 45 // 做业 2 46 // 返回一个数的绝对值 47 // 函数定义是 48 var abs = function(n) { 49 if (n < 0) { 50 return -n 51 } else { 52 return n 53 } 54 }; 55 56 // var testAbs = function() { 57 // ensure(abs(0) === 0, 'abs 0 错误'); 58 // ensure(abs(-6) === 6, 'abs -6 错误'); 59 // ensure(abs(5) === 5, 'abs 5 错误'); 60 // }; 61 // testAbs(); 62 63 64 // 做业 3 65 // 参数是一个只包含数字的 array 66 // 求 array 中全部数字的平均数 67 // 函数定义是 68 var sum = function (array) { 69 // 求数组的和 70 var n = array.length; 71 var s = 0; 72 for(var i=0; i<n; i++){ 73 s += array[i]; 74 } 75 76 return s; 77 }; 78 79 var average = function(array) { 80 // 先求和 81 var s = sum(array); 82 // 再求平均数 83 var avg = s/array.length; 84 85 return avg; 86 }; 87 88 // var testAverage = function () { 89 // ensure(average([1, 2, 3]) === 2, "average 2 错误"); 90 // ensure(average([0]) === 0, "average 0 错误"); 91 // ensure(average([1, 1, 0, 0]) === 0.5, "average 0.5 错误"); 92 // }; 93 // testAverage(); 94 95 96 // 做业 4 97 // 参数是一个只包含数字的 array 98 // 求 array 中最小的数字 99 // 函数定义是 100 var min = function(array) { 101 var minNum = array[0]; 102 for(var i=0; i<array.length; i++){ 103 if(array[i] < minNum){ 104 minNum = array[i]; 105 } 106 } 107 108 return minNum 109 }; 110 111 // var testMin = function () { 112 // ensure(min([1, 2, 3, 4, 5]) === 1, "min 1 错误"); 113 // ensure(min([0, 0, 5]) === 0, "min 0 错误"); 114 // ensure(min([3, 3, 3, 4, 5]) === 3, "min 3 错误"); 115 // ensure(min([111, 112, 113, 114, 99]) === 99, "min 99 错误"); 116 // }; 117 // testMin(); 118 119 120 // 做业 5 121 /* 122 参数是一个数字 n 123 返回如下序列的结果 124 1 - 2 + 3 - 4 + 5 ... n 125 */ 126 var sum1 = function(n) { 127 var sum = 0; 128 for(var i=1; i<=n; i++){ 129 if(i%2 === 0){ 130 sum -= i; 131 }else{ 132 sum += i; 133 } 134 } 135 136 return sum; 137 }; 138 139 // var testSum1 = function () { 140 // ensure(sum1(5) === 3, "sum1 5 错误"); 141 // ensure(sum1(1) === 1, "sum1 1 错误"); 142 // ensure(sum1(2) === -1, "sum1 2 错误"); 143 // ensure(sum1(3) === 2, "sum1 3 错误"); 144 // }; 145 // testSum1(); 146 147 148 // 做业 6 149 /* 150 参数是一个数字 n 151 返回如下序列的结果 152 1 + 2 - 3 + 4 - ... n 153 */ 154 var sum2 = function(n) { 155 var sum = 0; 156 for(var i=1; i<=n; i++){ 157 if(i%2 === 0){ 158 sum += i; 159 }else{ 160 sum -= i; 161 } 162 } 163 164 return sum+2; 165 }; 166 167 // var testSum2 = function () { 168 // ensure(sum2(1) === 1, "sum2 1 错误"); 169 // ensure(sum2(2) === 3, "sum2 2 错误"); 170 // ensure(sum2(3) === 0, "sum2 3 错误"); 171 // ensure(sum2(4) === 4, "sum2 4 错误"); 172 // ensure(sum2(5) === -1, "sum2 5 错误"); 173 // }; 174 // testSum2(); 175 176 177 // 做业 7 178 /* 179 实现 fac 函数 180 接受一个参数 n 181 返回 n 的阶乘, 1 * 2 * 3 * ... * n 182 */ 183 var fac = function(n) { 184 var s = 1; 185 for(var i=1; i<=n; i++){ 186 s *= i; 187 } 188 189 return s; 190 }; 191 192 // var testFac = function () { 193 // ensure(fac(1) === 1, "fac 1 错误"); 194 // ensure(fac(2) === 2, "fac 2 错误"); 195 // ensure(fac(3) === 6, "fac 3 错误"); 196 // ensure(fac(4) === 24, "fac 4 错误"); 197 // ensure(fac(5) === 120, "fac 5 错误"); 198 // }; 199 // testFac(); 200 201 202 /* 203 注意 下面几题中的参数 op 是 operator(操做符) 的缩写 204 205 做业 8 206 实现 apply 函数 207 参数以下 208 op 是 string 类型, 值是 '+' '-' '*' '/' 其中之一 209 a b 分别是 2 个数字 210 根据 op 对 a b 运算并返回结果(加减乘除) 211 */ 212 var apply = function(op, a, b) { 213 if(op === '+') { 214 return a + b 215 } 216 if(op === '-') { 217 return a - b 218 } 219 if(op === '*') { 220 return a * b 221 } 222 if(op === '/') { 223 return a / b 224 } 225 }; 226 227 // var testApply = function () { 228 // ensure(apply("+", 1, 2) === 3, "apply(1+2) 错误"); 229 // ensure(apply("-", 1, 2) === -1, "apply(1-2) 错误"); 230 // ensure(apply("*", 1, 2) === 2, "apply(1*2) 错误"); 231 // ensure(apply("/", 1, 2) === 0.5, "apply(1/2) 错误"); 232 // }; 233 // testApply(); 234 235 236 /* 237 做业 9 238 实现 applyList 函数 239 op 是 '+' '-' '*' '/' 其中之一 240 oprands 是一个只包含数字的 array 241 根据 op 对 oprands 中的元素进行运算并返回结果 242 例如, 下面的调用返回 -4 243 var n = applyList('-', [3, 4, 2, 1]) 244 log(n) 245 // 结果是 -4, 用第一个数字减去全部的数字 246 */ 247 var applyList = function(op, oprands) { 248 var n = oprands.length; 249 var res = oprands[0]; 250 if(op === '+') { 251 for(var i=1; i<n; i++){ 252 res += oprands[i]; 253 } 254 } 255 if(op === '-') { 256 for(var i=1; i<n; i++){ 257 res -= oprands[i]; 258 } 259 } 260 if(op === '*') { 261 for(var i=1; i<n; i++){ 262 res *= oprands[i]; 263 } 264 } 265 if(op === '/') { 266 for(var i=1; i<n; i++){ 267 res /= oprands[i]; 268 } 269 } 270 271 return res; 272 }; 273 274 // var testApplyList = function () { 275 // ensure(applyList("+", [1, 2, 3, 4]) === 10, "applyList + 出错"); 276 // ensure(applyList("+", [1]) === 1, "applyList + 出错"); 277 // ensure(applyList("-", [4, 2, 3, 4]) === -5, "applyList - 出错"); 278 // ensure(applyList("-", [1]) === 1, "applyList - 出错"); 279 // ensure(applyList("*", [1, 2, 3, 4]) === 24, "applyList * 出错"); 280 // ensure(applyList("*", [1]) === 1, "applyList * 出错"); 281 // ensure(applyList("/", [3]) === 3, "applyList / 3 出错"); 282 // ensure(applyList("/", [4, 2, 1]) === 2, "applyList / 2 出错"); 283 // }; 284 // testApplyList(); 285 286 287 /* 288 做业 10 289 实现 applyCompare 函数 290 参数以下 291 expression 是一个 array(数组), 包含了 3 个元素 292 第一个元素是 op, 值是 '>' '<' '==' 其中之一 293 剩下两个元素分别是 2 个数字 294 根据 op 对数字运算并返回结果(结果是 true 或者 false) 295 */ 296 var applyCompare = function(expression) { 297 var op = expression[0]; 298 var a = expression[1]; 299 var b = expression[2]; 300 if (op == '<') { 301 return a < b 302 } 303 if (op == '>') { 304 return a > b 305 } 306 if (op == '==') { 307 return a == b 308 } 309 }; 310 311 // var testApplyCompare = function () { 312 // ensure(applyCompare(["<", 1, 2]) === true, "applyCompare 1<2 错误"); 313 // ensure(applyCompare(["<", 2, 1]) === false, "applyCompare 2<1 错误"); 314 // ensure(applyCompare([">", 2, 1]) === true, "applyCompare 2>1 错误"); 315 // ensure(applyCompare([">", 1, 2]) === false, "applyCompare 1>2 错误"); 316 // ensure(applyCompare(["==", 1, 1]) === true, "applyCompare 1==1 错误"); 317 // ensure(applyCompare(["==", 1, 2]) === false, "applyCompare 1==2 错误"); 318 // }; 319 // testApplyCompare();
相关文章
- 1. javascript函数及做用域的小结
- 2. javascript函数做用域
- 3. JavaScript之函数做用域
- 4. JavaScript做用域及做用域链
- 5. 06-JavaScript做用域及做用域链
- 6. JavaScript的函数和做用域闭包
- 7. Javascript 函数、做用域链与闭包
- 8. JavaScript中的函数与做用域
- 9. javascript的函数做用域和块级做用域（笔记）
- 10. JavaScript变量做用域、函数做用域和声明提早
- 更多相关文章...
- • Spring中Bean的作用域 - Spring教程
- • JavaScript 指南 - 网站建设指南
- • Flink 数据传输及反压详解
- • TiDB 在摩拜单车在线数据业务的应用和实践
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
