將功能相近的方法寫入同一個對象中,是一個很好的編程習慣,便于后期的維護和前期的開發.

foo1

var fooObj = {foo1: function() {console.log('foo1');return this;} } fooObj.foo1();

• 此有一個對象: fooObj
• 它有一個方法: foo1()
• foo1打印了一個字符串’foo1’,然后返回了當前的執行環境.即fooObj.

下面從數學的角度來證明一下,返回的是fooObj

// 其實很簡單,只需將fooObj.foo1()打印出來 console.log(fooObj.foo1());

• 按下面的方式可能會更明顯一些

console.log(fooObj.foo1() === fooObj);

• 注意:foo1后面使用 箭頭函數的話,返回的將不會是fooObj對象了(而是一個總體對象{}).

var fooObj = {foo1: () => {console.log('foo1');return this;} } console.log(fooObj.foo1() === fooObj, fooObj.foo1());

鏈式調用foo1,foo2

var fooObj = {foo1: function() {console.log('foo1');return this;},foo2: function() {console.log('foo2');return this;} } fooObj.foo1().foo2();

鏈式調用帶參數的foo1,foo2

var fooObj = {foo1: function(a) {console.log(a);return this;},foo2: function(a) {console.log(a);return this;} } fooObj.foo1('喵').foo2('咩');

原型鏈式調用foo1,foo2

var FooObj = function() {}; FooObj.prototype.foo1 = function(a) {console.log(a)return this; } FooObj.prototype.foo2 = function(a) {console.log(a, "嗚~");return this; }var f = new FooObj(); f.foo1('喵').foo2('嗷');// 注: 此時需要使用new,來將f指向FooObj的原型..否則無法調用foo方法.

原型對象形式的鏈式調用

var FooObj = function() {}; FooObj.prototype = {foo1: function(a) {console.log(a);return this;},foo2: function(a) {console.log(a, '嗚嗚嗚嗚~!!!~');} }var f = new FooObj(); f.foo1('喵').foo2('嗷');

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的javascript --- 对象的方式体验链式调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。