<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

//$.extend()

//$.fn.extend()

//当只写一个对象自变量的时候，JQ中扩展插件的形式

$.extend({     //给jQuery类加静态方法

    aaa : function(){

        alert(1);

    },

    bbb : function(){

        alert(2);

    }

});

$.fn.extend({     //给jQuery对象加方法

    aaa : function(){

        alert(3);

    },

    bbb : function(){

        alert(4);

    }

});

$.aaa();//

$.bbb();//

$().aaa();//

$().bbb();//

$.extend();  -> this -> $（jQuery类）  -> this.aaa  ->  $.aaa()

$.fn.extend(); -> this -> $.fn（jQuery原型对象） -> this.aaa ->  $().aaa()*/

//当写多个对象自变量的时候 , 后面的对象都是扩展到第一个对象身上

var a = {};

$.extend( a , { name : 'hello' } , { age : 30 } );

console.log( a );//  { name : 'hello'  ,  age : 30 }

//浅拷贝：2个对象有一个改变另一个也改变，浅拷贝

var a = {};

var b = {  name : 'hello' };

$.extend( a , b );

a.name = 'hi';

alert(b.name);//hello

var a = {};

var b = {  name : { age : 30 } };

$.extend( a , b );

a.name.age = 20;

alert( b.name.age );//

//深拷贝:2个对象互不影响

var a = {};

var b = {  name : { age : 30 } };

$.extend( true,a , b );

a.name.age = 20;

alert( b.name.age );//

/*jQuery.extend = jQuery.fn.extend = function(){

    定义一些变量

    if(){}   看是不是深拷贝情况

    if(){}   看参数正确不

    if(){}   看是不是插件情况

    for(){   可能有多个对象情况

        if(){}  防止循环引用

        if(){}   深拷贝

        else if(){}   浅拷贝

    }

};*/

var a = {};

console.log( $.extend( a , { name : a } ) );

----------------------------------------------------------------------

var a = { name : { job : 'it' } };

var b = { name : {age : 30} };

$.extend( true , a  , b );

console.log( a );//{ name : { job : 'it' ,age : 30} };  

JQ中 : 拷贝继承 : 构造函数的原型

JS : 类式继承 / 原型继承

new 构造函数   /  {}

</script>

</head>

<body>

</body>

</html>

jquery05 继承的更多相关文章

  1. javaScript的原型继承与多态性

    1.prototype 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉 ...

  2. JavaScript的继承实现方式

    1.使用call或apply方法,将父对象的构造函数绑定在子对象上 function A(){ this.name = 'json'; } function B(){ A.call(this); } ...

  3. javascript中的继承与深度拷贝

    前言 本篇适合前端新人,下面开始...... 对于前端新手来说(比如博主),每当对js的对象做操作时,都是一种痛苦,原因就是在于对象的赋值是引用的传递,并非值的传递,虽然看上去后者赋值给了前者,他们就 ...

  4. 谈谈一些有趣的CSS题目（四）-- 从倒影说起，谈谈 CSS 继承 inherit

    开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉 ...

  5. JS继承类相关试题

    题目一: //有关于原型继承的代码如下:function Person(name) {   this.name = name;}Person.prototype = {     getName : f ...

  6. JS继承之寄生类继承

    原型式继承 其原理就是借助原型,可以基于已有的对象创建新对象.节省了创建自定义类型这一步(虽然觉得这样没什么意义). 模型 function object(o){ function W(){ } W. ...

  7. JS继承之借用构造函数继承和组合继承

    根据少一点套路,多一点真诚这个原则,继续学习. 借用构造函数继承 在解决原型中包含引用类型值所带来问题的过程中,开发人员开始使用一种叫做借用构造函数(constructor stealing)的技术( ...

  8. JS继承之原型继承

     许多OO语言都支持两种继承方式:接口继承和实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支 ...

  9. 深入浅出JavaScript之原型链&继承

    Javascript语言的继承机制,它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instanc ...

随机推荐

  1. The python programing language

    Python is an example of high-level language. As you might infer from the name “high-level language”, ...

  2. POJ 3122 Pie 二分答案

    题意:给你n个派,每个派都是高为一的圆柱体,把它等分成f份,每份的最大体积是多少. 思路: 明显的二分答案题-- 注意π的取值- 3.14159265359 这样才能AC,,, //By Sirius ...

  3. h5调用手机前后摄像头，拍照

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pacam.aspx.cs& ...

  4. Win32++:可替代MFC的Windows桌面应用开发框架

    写在前面 有过Win32编程经验的朋友都知道,使用Windows提供的API开发桌面应用是相当繁琐的,创建一个功能简单能接收并处理消息的窗口至少也得几百行代码.创建一个可视化的窗口一般要以下几个步骤: ...

  5. nodejs 通过 get获取数据修改redis数据

    如下代码是没有报错的正确代码 我通过https获取到数据 想用redis set一个键值存储 现在我掉入了回调陷阱res.on 里面接收到的数据是data 里面如果放入 client.on('conn ...

  6. 24 款必备的 Linux 桌面应用（2016 版）

    作者: Munif Tanjim 译者: LCTT GHLandy | 2016-12-21 08:41   评论: 41 收藏: 13 摘要:Linux 的必备软件有哪些?这将会是一个非常主观的回答 ...

  7. HDFS文件系统上传时序图 PB级文件存储时序图

    自己设计的时序图. 来自为知笔记(Wiz)

  8. android 推断是否支持闪光灯

    近期在做录制视频功能,在找一些资料时发现 要推断是否支持闪关灯,在这记录下来,怕以后忘记 public static boolean isSupportCameraLedFlash(PackageMa ...

  9. 离散化求RECT1

    本文转载至点击打开链接 #include<stdio.h> struct node{ int x1,y1,x2,y2,c; }; struct node s[1010]; int px[2 ...

  10. Track Active Item in Solution Explorer

    Tools-->Options-->Projects and Solutions-->Track Active Item in Solution Explorer