美文网首页
谈谈js中的高级函数

谈谈js中的高级函数

作者: wwda | 来源:发表于2019-10-29 11:09 被阅读0次

\color{blue}{JS高级函数}
1.\color{rgba(78,24,23)}{构造函数}
作用域不安全的构造函数 如下:

function Person(name,age){
    this.name = name;
    this.age = age;
}
var p1 = new Person("Claiyre",80);//实例化
//p1是一个函数对象了,可以使用Person函数里的name,age
//但是,这并不安全,
//如果这样var p1=Person("Claiyre",80);p1就不是一个函数对象是一个无意义的字符
console.log(window.name)//Claiyre
//这样意味着从函数对象的赋值,提升到了,window变量的赋值,这很恐怖的。

作用域安全的构造函数会\color{red}{首先确认this对象是正确类型的实例},然后再进行更改,如下:

function students(name){
   if(this instanceof students){      //判断是不是students的实例
       this.name=name;
   }
   else{
      return new students(name);
    }
}

实现这个安全模式,相当于锁定了调用构造函数的环境,因此借用构造函数继承模式可能会出现问题,解决方法是组合使用原型链和构造函数模式,即组合继承.
2.\color{rgb(21,204,203)}{惰性载入函数}
以这些if语句,只用被执行一次,即便只有一个if语句的代码,也比没有要快。 惰性载入表示函数执行的分支仅会执行一次,有两种实现惰性载入的方式,第一种就是在函数第一次被调用时再处理函数,用检测到的结果重写原函数。

function dection(){
           if(特性1){
              dection=function(){
                使用支持的特性
              }
            } else if(特性2){
              dection=function(){
                使用支持的特性
              }
            } else(特性3){
              dection=function(){
                使用支持的特性
              }
            }
}

第二种实现惰性载入的方式是在声明函数时就指定适当的函数

var dection=(function(){
         if(特性1){
              return function(){
                使用支持的特性
              }
            } else if(特性2){
             return function(){
                使用支持的特性
              }
            } else(特性3){
              return function(){
                使用支持的特性
              }
            }
  })();

惰性载入函数的在初次执行时牺牲一点性能,之后便不会再有多余的消耗性能。
3.\color{blue}{函数绑定作用域}
都知道js函数中的this,很常用,且指定不明,模糊的去判断this指向谁,\color{red}{函数绑定作用域函数}来指定this的指向。

function bind(fn,context){//fn:函数,context:对象
    return function(){                             
        return fn.apply(context,arguments); 
    }
}

bind这个函数。它的输入(即参数)是一个函数,输出(即返回值)也是一个函数。它不会去调用函数,只是处理函数。不太严格的说就是:它把某个对象context绑定到了函数fn身上,使得fn后续被调用时this总是context这个对象。
为什么用apply而不是用fn(arguments),那是因为需要用context来给fn指定this,这正是只有apply或call才能完成的工作。如果用fn(arguments)的话,函数调用时的this会变成undefined或window。
例子

var your={
     name:"3356";
     output:function(){
      alert(this.name);//注意这里的this指向着output这个函数对象,是个错误的指向
     }
}
var outname=bind(your.output,you); //注意这里返回的是一个函数----output函数
outname();

call函数和apply函数可以临时改变函数的作用域,使用bind函数可以得到一个绑定了作用域的函数
4.函数柯里化(curry)

function xaddy (x){
      return function(y){
             return x+y;
      }
}
var addtwo=xaddy(1);
console.log(addtwo(1))//2

递归先深后浮,这里函数柯里化,每次传参后返回下一层闭包,直到最后得到结果;

function curry(fn){
    var i = 0;
    var outer = Array.prototype.slice.call(arguments,1);
    var len = fn.length;
    return function(){
        var inner = outer.concat(Array.prototype.slice.call(arguments));
        return inner.length === len?fn.apply(null,inner):function (){
                var finalArgs = inner.concat(Array.prototype.slice.call(arguments));
                return fn.apply(null,finalArgs);
            }
    }
}

相关文章

  • 谈谈JS中的高级函数

    博客原文地址:Claiyre的个人博客如需转载,请在文章开头注明原文地址 在JavaScript中,函数的功能十分...

  • 谈谈js中的高级函数

    1.作用域不安全的构造函数 如下: 作用域安全的构造函数会,然后再进行更改,如下: 实现这个安全模式,相当于锁定了...

  • js中的arguments对象

    《JavaScript高级程序设计》读书笔记 js中函数的参数与别的语言的参数有些不同。js中的函数不介意传递进来...

  • 函数表达式

    以下内容总结自《JS高级程序设计》第三版 什么是函数表达式? 函数表达式,是JS中定义函数的一种方式。在JS中,共...

  • JS高级

    JS高级 原型 函数高级 对象高级 本地存储 cookie localStorage sessionStorage...

  • JS高级-函数中this的指向

    普通模式下:普通函数中的this?调用的时候是window.f1(),window可省略 ...

  • JS-高级

    JS高级03 注意: 1.将不同的功能放到不同的js文件中 2.将不同的功能代码划分到不同的函数中 3.每个js中...

  • 023 JS高级

    JS高级 一、函数高级 1、函数回调 2、闭包 二、循环绑定 三、面向对象JS 1、属性与方法 2、类字典结构使用...

  • 谈谈变量声明提升

    1 谈谈变量提升当执行 JS 代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码...

  • 前端经典面试题合集(一)

    1.谈谈变量提升 考察点:js基础知识,js执行机制,变量的提升答:执行js代码时,会生成执行环境,在函数中的代码...

网友评论

      本文标题:谈谈js中的高级函数

      本文链接:https://www.haomeiwen.com/subject/xgtemqtx.html