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

foo1

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

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

下面從數(shù)學(xué)的角度來證明一下,返回的是fooObj

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

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

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

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

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

鏈?zhǔn)秸{(diào)用foo1,foo2

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

鏈?zhǔn)秸{(diào)用帶參數(shù)的foo1,foo2

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

原型鏈?zhǔn)秸{(diào)用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的原型..否則無法調(diào)用foo方法.

原型對象形式的鏈?zhǔn)秸{(diào)用

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('嗷');

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。