javascript基础语法(做题)

本文介绍了JavaScript中的一些基础语法应用,包括makeClosures函数的实现,二次封装函数、柯里化操作,以及如何使用arguments、apply调用函数。此外,还涉及了对象属性的操作,字符串和数字的检查方法,如判断是否包含数字、检查重复字符等,以及美元格式的验证。这些实战技巧有助于提升JavaScript编程能力。
摘要由CSDN通过智能技术生成

makeClosures

实现函数 makeClosures,调用之后满足如下条件:
1、返回一个函数数组 result,长度与 arr 相同
2、运行 result 中第 i 个函数,即 resulti,结果与 fn(arr[i]) 相同
输入例子:

var arr = [1, 2, 3]; var square = function (x) { return x * x; }; var funcs = makeClosures(arr, square); funcs1;

输出例子:

4

function makeClosures(arr, fn) {
    var ll = arr.length;
    var funcs=[]; //返回一个数组
    for(var i=0;i<ll;i++){
        (function(i){  //立即执行是为了保证i能够被实时处理,也就是当前的i被保存下来。不然i就不确定
            funcs[i] = function(){  //数组的每个值都是一个函数 
                return fn(arr[i]);
            }
        })(i);         
    }
    return funcs;
}

二次封装函数

已知函数 fn 执行需要 3 个参数。请实现函数 partial,调用之后满足如下条件:
1、返回一个函数 result,该函数接受一个参数
2、执行 result(str3) ,返回的结果与 fn(str1, str2, str3) 一致
输入例子:

var sayIt = function(greeting, name, punctuation) { return greeting + ‘, ’ + name + (punctuation || ‘!’); }; partial(sayIt, ‘Hello’, ‘Ellie’)(‘!!!’);

输出例子:

Hello, Ellie!!!

function partial(fn, str1, str2) {  
    return function(str3){ //返回一个函数,函数本身接受一个参数。
        return fn(str1,str2,str3); 
        // fn.call(null,str1,str2,str3);
    }
}

使用 arguments

函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments,返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型,不需考虑参数转换。
输入例子:

useArguments(1, 2, 3, 4)

输出例子:

10

function useArguments() {
    var ll = arguments.length; //考察arguments
    var sum=0;
    for(var i=0;i<ll;i++){
        sum += arguments[i];
    }
    return sum;
}

使用 apply 调用函数

实现函数 callIt,调用之后满足如下条件
1、返回的结果为调用 fn 之后的结果
2、fn 的调用参数为 callIt 的第一个参数之后的全部参数
输入例子:

var a = 1; var b = 2; var test = function (first, second) { return first === a && second === b;}; callIt(test, a, b);

输出例子:

true

//因为arguments并非真正的数组,因此要获得callIt的第一个参数之后的所有参数,不能直接使用slice方法截取,需要先将arguments转换为真正的数组才行。有两种常见的方法,一是使用slice方法:var args = Array . prototype . slice . call ( arguments );二是循环遍历逐一填入新数组。在获得了args之后,就可以调用apply来执行传入的函数参数。

function callIt(fn) {
    //将arguments转化为数组后,截取第一个元素之后的所有元素
    var args = Array.prototype.slice.call(arguments,1);
    //调用fn
    var result = fn.apply(null,args);//要熟练使用apply和call啊
    return result;
}
function callIt(fn) {
    argv = Array.prototype.slice.call(arguments,1);
    return fn.apply(null,argv);
}

二次封装函数

实现函数 partialUsingArguments,调用之后满足如下条件:
1、返回一个函数 result
2、调用 result 之后,返回的结果与调用函数 fn 的结果一致
3、fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数
输入例子:

var a = 1; var b = 2; var c = 3; var d = 4;var test = function (first, second, third, forth) {return first + second + third + forth;};partialUsingArguments(test, a, b)(c, d);

输出例子:

10

function partialUsingArguments(fn) {
    var argv = Array.prototype.slice.call(arguments,1);
    return function(){
        argv2 = argv.concat(Array.prototype.slice.call(arguments));
        return fn.apply(null,argv2);
    }
}

柯里化

已知 fn 为一个预定义函数,实现函数 curryIt,调用之后满足如下条件:
1、返回一个函数 a,a 的 length 属性值为 1(即显式声明 a 接收一个参数)
2、调用 a 之后,返回一个函数 b, b 的 length 属性值为 1
3、调用 b 之后,返回一个函数 c, c 的 length 属性值为 1
4、调用 c 之后,返回的结果与调用 fn 的返回值一致
5、fn 的参数依次为函数 a, b, c 的调用参数
输入例子:

var fn = function (a, b, c) {return a + b + c}; curryIt(fn)(1)(2)(3);

输出例子:

6

//利用arguments.callee来递归
function curryIt(fn) {
     //获取fn参数的数量
     var n = fn.length;
     //声明一个数组args
     var args = [];
     //返回一个匿名函数
     return function(arg){
         //将curryIt后面括号中的参数放入数组
         args.push(arg);
         //如果args中的参数个数小于fn函数的参数个数,
         //则执行arguments.callee(其作用是引用当前正在执行的函数,这里是返回的当前匿名函数)。
         //否则,返回fn的调用结果
         if(args.length < n){
            return arguments.callee;
         }else return fn.apply("",args);
     }
 }

//
function curryIt(fn) {
    var length = fn.length,
        args = [];
    var result =  function (arg){
        args.push(arg);
        length --;
        if(length <= 0 ){
            return fn.apply(this, args);
        } else {
            return result;
        }
    }

    return result;
}

批量改变对象的属性

给定一个构造函数 constructor,请完成 alterObjects 方法,将 constructor 的所有实例的 greeting 属性指向给定的 greeting 变量。
输入例子:

var C = function(name) {this.name = name; return this;}; var obj1 = new C(‘Rebecca’); alterObjects(C, ‘What\’s up’); obj1.greeting;

输出例子:

What’s up

//简单的原型链的问题
function alterObjects(constructor, greeting) {
    constructor.prototype.greeting = greeting;    
}

属性遍历

题目描述

找出对象 obj 不在原型链上的属性(注意这题测试例子的冒号后面也有一个空格~)
1、返回数组,格式为 key: value
2、结果数组不要求顺序
输入例子:
var C = function() {this.foo = ‘bar’; this.baz = ‘bim’;}; C.prototype.bop = ‘bip’; iterate(new C());

输出例子:
[“foo: bar”, “baz: bim”]

function iterate(obj) {
    var arr=[];
    for(var key in obj){
        if(obj.hasOwnProperty(key)){
            arr.push(key+': '+obj[key]);
        }
    }
    return arr;
}

判断是否包含数字

题目描述

给定字符串 str,检查其是否包含数字,包含返回 true,否则返回 false
输入例子:
containsNumber(‘abc123’)

输出例子:
true

function containsNumber(str) {
    var pp=/\d/;
    return pp.test(str);
}
//正则表达式可以匹配 用test,str用match返回符合条件的数组。
"124".match(/\d/)
["1"]
"124".match(/\d/g)
["1", "2", "4"]
"124".match(/\d+/g)
["124"]

判断是否包含数字

给定字符串 str,检查其是否包含数字,包含返回 true,否则返回 false
输入例子:

containsNumber(‘abc123’)

输出例子:

true

function containsNumber(str) {
    pattern = /\d/;
    return pattern.test(str);
}
// \d 匹配数字

检查重复字符串

给定字符串 str,检查其是否包含连续重复的字母(a-zA-Z),包含返回 true,否则返回 false
输入例子:

containsRepeatingLetter(‘rattler’)

输出例子:

true

function containsRepeatingLetter(str) {
    pattern = /([a-zA-Z])\1/;
    return pattern.test(str);

}

判断是否以元音字母结尾

给定字符串 str,检查其是否以元音字母结尾
1、元音字母包括 a,e,i,o,u,以及对应的大写
2、包含返回 true,否则返回 false
输入例子:

endsWithVowel(‘gorilla’)

输出例子:

true

//[a,e,i,o,u]是要匹配的字符集合,$表示结尾,i表示匹配大小写。
function endsWithVowel(str) {
    return /[a,e,i,o,u]$/i.test(str);
}

获取指定字符串
给定字符串 str,检查其是否包含 3 个连续的数字
1、如果包含,返回最新出现的 3 个数字的字符串
2、如果不包含,返回 false
输入例子:

captureThreeNumbers(‘9876543’)

输出例子:

987

function captureThreeNumbers(str) {
    var result = str.match(/\d{3}/);
    if (result) {
        return result[0];
    } else {
        return false;
    }
}

判断是否符合指定格式

给定字符串 str,检查其是否符合如下格式
1、XXX-XXX-XXXX
2、其中 X 为 Number 类型
输入例子:

matchesPattern(‘800-555-1212’)

输出例子:

true

//^表示开头,$表示结尾。
function matchesPattern(str) {
    return /^(\d{3})-\d{3}-\d{4}$/.test(str);
    //嵌套  return /^(\d{3}-){2}\d{4}$/.test(str);
}

判断是否符合 USD 格式

给定字符串 str,检查其是否符合美元书写格式
1、以 23,324 1,023,032.03 或者 2.03 3,432,12.12 或者 $34,344.3
输入例子:

isUSD(‘$20,933,209.93’)

输出例子:

true

function isUSD(str) {
    return /^\$[1-9]\d{0,2}(,\d{3})*(\.\d{2})?/.test(str);
}
//$和. 需要转义
//首位不能为0
//*表示0个或者多个
//? 表示不出现或者出现一次
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值