• jQuery插件开发 格式与解析3之$.extend()用途


    前叙:$.extend()——用途:扩展和继承

    1、Object extend()

    用一个或多个对象扩展另一个对象,并返回已修改的原始对象。这对于简单继承是一个非常有用的实用工具。

    (1)扩展:(Dom元素方法的扩展)

    ①单个方法扩展写法:

    $.fn.testFn=function(options){

       $.defaultOptions={

       name:"Li",

       age:20,

       getName:function(){

        return this.name;

      }

      var p=$.extend($.defaultOptions,options||{});

      .

      .

      .

     }

    }

    ②多个方法拓展写法:

    $.fn.extend({

      testFn:function(options){

          $.defaultOptions={

             name:"Li",

             age:20,

             getName:function(){

              return this.name;

            }

            var p=$.extend($.defaultOptions,options||{});

              .

              .

              .

        },

      testFn1:function(options1){

        }

    });

     (2)继承:

    var person={

        name:"Li",

        age:20,

        getName:function(){

        return this.name;

      }

    }

    var person1=$.extend({},person);//person1继承了person

    person1.setAge=function(){

      this.age=33;

    }

    person1.setAge();

    person1.sex="Boy";

    alert(person1.age+person1.sex);//33Boy

    解析:person1继承了person拥有person的属性和方法,在其基础上定义了自己的属性和方法。

    实践:

    extend_test.js

    调用:

    完毕!

  • 相关阅读:
    Ubuntu 16.04 LTS nodejs+pm2+nginx+git 基础安装及配置环境(未完,未整理)
    JavaScript 二、eval 和 with 函数
    JavaScript 一、 ES6 声明变量,作用域理解
    UNMET PEER DEPENDENCY @angular/common@2.3.1
    Laravel Homestead 离线安装
    mac os x 记录 转载
    Ubuntu 16.04 LTS 完善解决亮度调整
    oh my zsh 切换 bash
    关于bitmap储存图片报内存不足的问题
    .net操作sqlserver数据库
  • 原文地址:https://www.cnblogs.com/dean-Wei/p/3967990.html
Copyright © 2020-2023  润新知