调用 Javascript 类方法得到错误“找不到变量”

Question

当我运行我的 teaspoon-jasmine 测试时，我收到以下错误。

错误

ReferenceError: 找不到变量: modify_create_favorite in http://localhost:3000/assets/favorite.self-67fd17843e64bfbeed401bd.js?body=1?body=1 （第 49 行）

favorite.js 文件

class Favorites {

  static create(listing_id) {
    modify_create_favorite(find_favorite(listing_id));
  }

  static find_favorite(listing_id) {
    return $("#i-favorite-"+listing_id);
  }

  static modify_create_favorite(object) {
    object.removeClass('fa-heart-o').addClass('fa-heart').parent().attr('data-method','delete');
  }
}

茶匙茉莉花：

  it("will change the class", function() {
    fixture.set(favorite_html);
    Favorites.create('17');
    expect( $('#i-favorite-17', fixture.el) ).not.toHaveClass( 'fa-heart-o')
    expect( $('#i-favorite-17', fixture.el) ).toHaveClass( 'fa-heart')
    expect( $('#i-favorite-17', fixture.el).parent() ).toHaveAttr("data-method",'delete')    
    expect(jQuery).toBeDefined();
  });

Answer 1

static 方法只能通过调用类而不创建实例来调用，所以在create 中你应该这样做：

Favorites.modify_create_favorite(Favorite.find_favorite(listing_id))

//or 
this.modify_create_favorite(this.find_favorite(listing_id))

在您当前的实现中，您的代码正在寻找一个名为 modify_create_favorite() 的函数，因为不知道这是您的类的方法。

更多关于static方法https://developer.mozilla.org/en-US/docs/Web/JavaScript/reference/Classes/static