原生js实现jquery连续调用

jquery的函数可以循环调用

• 例：

$("#btn").css("color", "red").width(300px).height(300px)

那么如何在原生js中实现这种连续调用

• 众所周知一个函数如果你没写return 他默认返回undefine(构造默认返回this)

var obj = {
  smoke : function(){console.log("I am somking")}，
  dring : function(){console.log("I am dringking")},
  run : function(){conslole.log("I am running")}
}

如果你直接 obj.smoke().run();
第一个函数会执行而第二个函数会报错，提示你undefin的父类没有run方法
如果我们手动添加返回值就可以实现jquery的连续调用

• 例：

var obj = {
  smoke : function(){console.log("I am somking"); return this}，
  dring : function(){console.log("I am dringking"); return this},
  run : function(){conslole.log("I am running"); return this}
}

• 此时你再次执行就发现可以循环调用了√