js方法的写法

2021年09月15日 阅读数:1
这篇文章主要向大家介绍js方法的写法,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

写法1:最经常使用的写法函数

function test() {}

写法2:变量的形式this

let a = () => {}

写法3:对象收编变量spa

 let obj = {
         test() {}
     }

写法4:对象收编变量——链式调用prototype

let obj = {
         test() {
             return this
         },
         test2() {
             return this
         }
     }
     // 链式调用
     obj.test().test2()

写法5:function也是对象的一种code

  let Obj = function () {}
  Obj.test = function () {}
  Obj.test()

写法6:function里return一个函数对象

   function Obj() {
         return {
             test() {}
         }
     }
     let o = new Obj()
     o.test()

写法7:挂载原型链blog

 let Fn = function () {}
     Fn.prototype.test = function () {
         console.log(1111);
     }
     let o = new Fn()
     o.test()

写法8:挂载原型链的另外一种形式原型链

  let Fn = function () {}
     Fn.prototype = {
         test() {}
     }
     let f = new Fn()
     f.test()

写法9:挂载原型链——链式调用原型

let Obj = function () {}
     Obj.prototype.test = function () {
         return this
     }
     Obj.prototype.test2 = function () {
         return this
     }
     let fn = new Obj()
     fn.test().test2()

写法10:挂载原型链——链式调用的另外一种方式io

 let Obj = function () {}
     Obj.prototype = {
         test() {
             return this
         },
         test2() {
             return this
         }
     }
     let fn = new Obj()
     fn.test().test2()

写法11:挂载Function类(不传参的)

Function.prototype.test = function () {
         console.log(333)
     }

     // 两种调用方式
     let f = function () {}
     f.test()

     let fn = new Function()
     fn.test()

写法12:挂载Function类(传参的)

  Function.prototype.addMethod = function (name, fn) {
         this[name] = fn //  这里是this[name] = fn
     }
     // 调用方式1
     var o = function () {}
     o.addMethod('test', function () {
         console.log(2);
     })
     o.test()

     // 调用方式2
     var p = new Function()
     p.addMethod('test2', function () {
         console.log(3);
     })
     p.test2()

写法13:挂载Function——链式调用

 Function.prototype.addMethod = function (name, fn) {
         this[name] = fn
         return this
     }

     var x = new Function()
     x.addMethod('test', function () {
         console.log(4);
         return this
     })
     x.addMethod('test2', function () {
         console.log(5);
         return this
     })
     x.test().test2()

     let y = function () {}
     y.addMethod('test3', function () {
         console.log(6);
         return this
     })
     y.addMethod('test4', function () {
         console.log(7);
         return this
     })
     y.test3().test4()

写法14:终极写法(链式添加方法和链式调用方法)

 Function.prototype.addMethod = function (name, fn) {
         this.prototype[name] = fn
         return this
     }
     var Methods = function () {}
     Methods.addMethod('test', function () {
         console.log('last');
         return this
     }).addMethod('test2', function () {
         console.log('last2');
         return this
     })
     // 只有这种调用方法
     var x = new Methods()
     x.test().test2()