JavaScript随笔之——函数用法

1、reduce函数用法:  

$(function(){
   // arrowMouseOver();
    Array.prototype.reduce=null;  //将内置reduce函数设置为null
    var eleResult=document.getElementById("result");

    console.log=function(result){
        var text=document.createTextNode(result);
        var br=document.createElement("br");
        //var name=document.createAttribute("data-name");
        eleResult.appendChild(text);
        eleResult.appendChild(br);
        //br.setAttribute(name,"zhu");
    };
    if(typeof Array.prototype.reduce!="function"){
        Array.prototype.reduce=function(callback,initialValue){   //自定义reduce函数
            var previous=initialValue,k= 0,length=this.length;
            if(typeof initialValue==="undefined"){   //如果没传入初始值,则previous等于数组的第一个元素
                previous=this[0];
                k=1;
            }
            if(typeof callback==="function"){
                for(k;k<length;k++){
                    this.hasOwnProperty(k)&&(previous=callback(previous,this[k],this))
                }
            }
            return previous;
        }
    }
    var sum=[1,2,3,4].reduce(function(previous,current,array){
        return previous+current;
    });
    console.log(sum);//10
    var matrix=[
        [1,2],[3,4],[5,6]
    ];
    var flattn=matrix.reduce(function(previous,current){
       return previous.concat(current);
    });
    console.log(flattn);// [1, 2, 3, 4, 5, 6]
});

注:reduce()函数,实现对数组的累加功能,需要传递一个callback函数和初始值initialValue,

假设callback函数它有个传入参数,prev和next,index和array。prev和next你是必须要了解的。

一般来讲prev是从数组中第一个元素开始的,next是第二个元素。

但是当你传入初始值(initialValue)后,第一个prev将是initivalValue,next将是数组中的第一个元素,如果没传入初始值,则表示取数组的第一个元素作为初始值。

function Person(name,age){
    this.name=name;
    this.age=age;
    alert("My name is "+arguments[0]+", age is "+ arguments[1]);
    this.sayHello=function(){
        alert("Hello");
    }
}
function Student(name,age,stuID,classID){
    Person.apply(this,arguments);
    this.studentID=stuID;
    this.classID=classID;
}
var person1=new Person("zhu",23);
var student1=new Student("stu1",12,1001,1);

注:Student对象继承Person对象,只需要在Student对象里面加一个,Person.apply(this,arguments)即可,不过只有在实例化时,才能看到效果。

时间: 2024-11-07 07:52:40

JavaScript随笔之——函数用法的相关文章

javascript版in_array函数用法举例

javascript版in_array函数,用于判断数组中是否存在特定值. 判断一个字符串或者数字是否在数组内,很多程序语言都有这样一样专门的函数,比如PHP的in_array().那么JS有木有呢,很遗憾,JS木有这样的函数,于是想到伟大的JQ是否封装了这个函数,找到了API,JQ的确封装了这个函数jQuery.inArray( value, array ) 搜索数组中指定值并返回它的索引(如果没有找到则返回-1).value要搜索的值.array一个数组,通过它来搜索.当然,处于学习,自己也

javascript中parseInt函数的用法

javascript的parseInt函数,大家都知道是干啥的但你知道parseInt("07") 返回多少 ?parseInt("08") 又返回多少 ? 正确答案是parseInt("07") 返回8parseInt("08") 返回0 你知道问题在哪?其实,这个问题可能大家都没想过吧. 用javascript的parseInt函数时,parseInt("08")或者parseInt("09&

JavaScript中的函数表达式

在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式 首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点: 在代码中须出现在表达式的位置 有可选的函数名称 不会影响变量对象(VO) 在代码执行阶段创建 下面就通过一些例子来看看函数表达式的这四个特点. FE特点分析 例子一:在下面代码中,"add"是一个函数对象

JavaScript中valueOf函数与toString方法的使用

所有JS数据类型都拥有valueOf和toString这两个方法,null除外. JavaScript中valueOf函数方法是返回指定对象的原始值. 使用方法: object.valueOf( ). object是必选参数,是任意固有 JavaScrip对象. JavaScript 的 valueOf() 方法 valueOf() 方法可返回 Boolean 对象的原始值. 用法booleanObject.valueOf(),返回值为booleanObject 的原始布尔值.如果调用该方法的对

JavaScript权威指南 - 函数

函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对于其他面向对象语言,在JavaScript中的函数是特殊的,函数即是对象.JavaScript可以把函数赋值给变量,或者作为参数传递给其他函数,甚至可以给它们设置属性等. JavaScript的函数可以嵌套在其他函数中定义,这样定义的函数就可以访问它们外层函数中的任何变量.这也就是所谓的"闭包&qu

JavaScript中valueOf函数与toString方法

基本上,所有JS数据类型都拥有valueOf和toString这两个方法,null除外.它们俩解决javascript值运算与显示的问题,本文将详细介绍,有需要的朋友可以参考下 JavaScript中valueOf函数方法是返回指定对象的原始值.使用方法: object.valueOf( )object是必选项参数是任意固有 JScript 对象. 每个JavaScript固有对象的 valueOf 方法定义不同. 对象 返回值 Array 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在

$.extend()和$.fn.extend()函数用法简单介绍

$.extend()和$.fn.extend()函数用法简单介绍:标题中的两个方法在jQuery插件开发中非常的重要,下面通过简单的代码实例介绍一下它们的用法.本章节不会介绍它的原理,而是只给出它们的作用是什么,能够做什么事情.jQuery.extend()可以为jQuery类添加新的方法,类似于c#或者java中的静态方法.jQuery.fn.extend()可以为jQuery的对象实例添加新的方法.代码实例: <!DOCTYPE html> <html> <head>

JavaScript中的函数表达式及递归

在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式 首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点: 在代码中须出现在表达式的位置 有可选的函数名称 不会影响变量对象(VO) 在代码执行阶段创建 下面就通过一些例子来看看函数表达式的这四个特点. 特点分析 例子一:在下面代码中,"add"是一个函数对象,&

setInterval()函数用法详解

setInterval()函数用法详解:此函数用途相当广泛,在滚动代码或者焦点图片等等效果中都有应用,下面就通过实例简单介绍一下此函数的用法.setInterval()函数可以规定在按照指定的周期来执行一段函数,也就是说每隔一定事件就开始执行一次指定的函数.语法如下: setInterval(code,interval) 此函数具有两个参数,第一个参数规定要执行的函数,第二个参数规定函数两次执行之间的间隔,单位是毫秒(1秒=1000毫秒).代码实例如下: <!DOCTYPE HTML> <