【js】js中方法积累

1.Function.prototype.apply()      点这里查看api

     ·功能:calls a function with a given this value and arguments provided as an array (or an array-like object )

     ·作用:动态改变this而出现的,当一个object对象没有某个方法,而其他的对象有,则可以借助call/apply用其他对象方法来调用

     ·语法:thisArg会替代函数func中的this对象;argsArray会作为参数传递给func函数

func.apply(thisArg,[argsArray]);//thisArg:这个被提供的值for call func;
                                 //argsArray:an array-like object


         该方法主要用于 拷贝 函数的属性和方法 ,实现类的继承 。


      ·栗子:

         类继承

function Person(name){
    this.name=name;
    this.sayname=function (){
        alert(this.name);
    }
}
function Student(name){
    Person.apply(this,arguments);
}
 
var xiaoming=new Student("小明");
xiaoming.sayname();


       ·常用:页面获取标签的数组没有pop(),push(t)方法,可以利用数组拥有这个方法

            var dom = document.getElementsByTagName("input");
      //    dom.pop();   此处若执行会报错
            var domArray = Array.prototype.slice.apply(dom);
            domArray.pop();
            domArray.push(1);
            console.log(domArray);

       ·apply能将数组转为参数列表

            var array = [4,2,5,9];
            var max = Math.max(array);//NAN  正确用法var max = Math.max(2,4,6);
            Math.max.apply(null,array);//可正确返回最大数


2.Function.prototype.call()      点这里查看api

      ·和apply类似,只是语法上有差异,

      ·语法:后面是参数列表,而apply是一个数组

fun.call(thisArg[, arg1[, arg2[, ...]]])
栗子:
 Array.prototype.forEach.call("a string", function(chr) {
                console.log(chr);//调用数组的forEach函数将字符串拆分成单个字符
            });


3.Array.prototype.slice()       点这里查看api

      ·功能:把数组中的一部分的浅复制存入一个新的数组对象中,并返回这个新数组

      ·语法:

arr.slice([begin[,end]])//begin:从该索引处开始提取数组中元素;若为负数则代表从倒数第几个提取到最后,可省略从0开始
                        //end:从该元素结束,包含bigin,不包含end

      ·栗子

  // 使用slice方法从colors中创建一个myColors.
            var colors = ["red", "blue","yellow","green"];
            var myColors = colors.slice(1,3);
            console.log( myColors);// blue ,yellow

4.String.prototype.match()   点击这里查看API

      ·功能:当字符串匹配到正则表达式时,会提取匹配项

      ·语法:

str.match(regexp);//若传入的非正则表达式,则会隐式的调用new RegExp(obj)转为正则表达式对象
                      //返回值为一个数组,如果没有匹配项则返回null

      ·和str.indexOf(str[,fromindex])的区别:其返回的是索引值,如果没有该字符串则返回-1

      ☆:如果str.match()的正则表达式没有g标志 返回的和regexp.exec(str)相同结果;有g标志位,则返回包含所有匹配结果的数组,如果没有匹配到则返回null;

5.RegExp.prototype.exec()  点击查看api

      ·功能:为指定的一段字符串执行搜索匹配操作,返回值是一个数组或者null,返回的数组包括很多东西可以查看API.

      ·语法:

regexObj.exec(str);

      ·因为返回值包括很多东西,所以如果只是想知道是否匹配,可直接使用  regexObj.test(str):返回true or false;或者 str.search(regexp) 匹配成功则返回首次匹配项的索引,匹配不成功则返回-1。

    



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值