js中call、apply、bind方法

曾经终败给现在 2022-06-09 09:09 293阅读 0赞

## **1、call方法（）** ##

[详情：call方法][call]

使用call方法调用父构造函数

function Product(name, price) { 
      this.name = name;
      this.price = price;
    
      if (price < 0) {
        throw RangeError('Cannot create product ' +
                          this.name + ' with a negative price');
      }
    }
    
    function Food(name, price) { 
      Product.call(this, name, price); 
      this.category = 'food';
    }

使用call方法调用匿名函数

var animals = [
      {species: 'Lion', name: 'King'},
      {species: 'Whale', name: 'Fail'}
    ];
    
    for (var i = 0; i < animals.length; i++) {
      (function (i) {  
        this.print = function () {  
          console.log('#' + i  + ' ' + this.species + ': ' + this.name); 
        } 
        this.print();
      }).call(animals[i], i);
    }

使用call方法调用函数并且指定上下文的’this’

function greet() { 
      var reply = [this.person, 'Is An Awesome', this.role].join(' ');
      console.log(reply);
    }
    
    var i = {
      person: 'Douglas Crockford', role: 'Javascript Developer'
    };
    
    greet.call(i);

## **2、apply方法（）** ##

[详情：apply方法][apply]

call方法和apply方法类似 区别： call：接受若干个参数列表 apply：接受一个包含多个参数的数组

## **3、bind方法（）** ##

[详情：bind方法][bind]

[call]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call
[apply]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
[bind]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中继承方法总结

js中的继承主要使用原型链实现原型链继承：利用原型让一个引用类型继承另一个引用类型的属性和方法原型链：当查找一个实例属性时，先在实例中查找，找到就直接返回，找不到在

红太狼/ 2022年12月31日 05:25/ 0 赞/ 143 阅读

相关 js调用方法中的方法

<!DOCTYPE html> <html> <head> <title>函数调用</title> <meta ch

港控/mmm°/ 2022年09月25日 01:16/ 0 赞/ 242 阅读

相关 js中Number()方法

Number方法（整体转换0）: var a = "+100"; alert( a+100 ); // "100100" alert(Number(a

落日映苍穹つ/ 2022年06月15日 06:49/ 0 赞/ 169 阅读

相关 js中typeof()方法使用

typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： "number," "string," "boolean," "object," "functi

蔚落/ 2022年06月06日 10:21/ 0 赞/ 248 阅读

相关 JS中字符串的方法

字符串中常用的方法：在真实项目中经常操作字符串，此时我们需要掌握常用的的一些字符串操作方法。我会在下文中将每个方法前面添加一个str，代表字符串。目的是可以让大家更加

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 23:35/ 0 赞/ 317 阅读

相关 js 中异步方法变成同步方法

const getData = (url, param) => { return new Promise((resolve, reject) => {

- 日理万妓/ 2022年04月23日 04:28/ 1 赞/ 1307 阅读

相关 JS方法中打印本方法名称

在方法内部，用以下语句，可打印运行的本方法的名称。 `console.log(arguments.callee.name)` 封装 funct

落日映苍穹つ/ 2022年02月01日 14:36/ 0 赞/ 247 阅读

相关 JS中方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

淩亂°似流年/ 2021年12月12日 15:51/ 0 赞/ 296 阅读

相关 js中getBoundingClientRect()方法详解

一.getBoundingClientRect()分析 getBoundingClientRect()获取元素位置，这个方法没有参数 getBoundingClien

àì夳堔傛蜴生んèń/ 2021年09月15日 10:54/ 0 赞/ 541 阅读

相关 js中字符串方法总结

1：charAt 查找返回指定位置的字符 let str = "js常用字符串方法总结" let str1 = str.charAt(3)

傷城~/ 2021年09月01日 05:56/ 0 赞/ 604 阅读