码迷,mamicode.com
首页 > 编程语言 > 详细

javascript继承

时间:2016-10-30 00:13:32      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:实现继承   浏览器   var   字符串   script   bsp   兼容   doc   creat   

 
  1. //经典继承:已知一个对象obj,现在要创建另外一个对象newObj,对象newObj要继承obj的所有方法和属性
  2. //分析:1.newObj.__proto__=obj 2.创建对象除了字面量的方式就是使用构造函数的方式
  3. function create(){
  4. functionFun(){};
  5. Fun.prototype=obj;
  6. returnnewFun();
  7. }
  8. //ES5中Object.create(obj) (IE9版本以上才支持)
  9. //封装一个方法兼容个版本浏览器都能执行Object.create的方法
  10. if(typeofObject.create !==‘function‘){//判断当前浏览器是否有create这个方法
  11. Object.create=function(obj){//如果没有这个方法的话就添加一个这个方法
  12. functionFun(){};
  13. Fun.prototype=obj;
  14. returnnewFun();
  15. }
  16. }
  1. //数组对象
  2. var numbers=[1,3,5];
  3. cnosole.log(numbers.__proto__);//Array.prototype
  4. console.log(numbers.constructor);//Array.prototype.constructor——>Array
  5. console.log(Array.prototype.__proto__);//Object.prototype
  6. var reg=/[0-8]/;
  7. console.log(reg.constructor);//RegExp
  8. console.log(reg.__proto__.__proto__);//Object.prototype
  9. console.log(reg.__proto__.constructor);//RegExp
  10. var str=newString("abc");
  11. console.log(str.__proto__.__proto__);//Object.prototype
  12. console.log(str.constructor);//String
  13. var isMan=newBoolean(true);
  14. console.log(isMan.__proto__);//Boolean.prototype
  15. var number=newNumber(100);
  16. console.log(number.__proto__.__proto__);//Object.prototype
  17. //规律:一般来说,无论是对象字面量,还是构造函数创建的对象、内置对象,基本包装了类型的对象,2次原型查找(.__proto__)就可以找到Object.prototype
  18. functionStudent(){}
  19. var s1=newStudent();
  20. console.log(s1.__proto__.__proto__);//Object.prototype
 //混入继承  已知两个对象obj1,obj2;在obj2中添加obj1中的属性和方法 实际的应用$.extend
    //有些方法是jQuery.extend();由此可知这是直接在jQuery上扩展方法,这些方法使用"$.方法名"即可调用
    //jQuery的对象是无法使用这些方法的
    //混入+原型继承    混入的属性(新增加的属性) 是在构造函数的原型对象上的,由此创建的实例对象都会有这些方法
   
  1. // jQuery.fn==jQuery.prototype
  2. jQuery.fn.extend=function(obj){
  3. for(var key in obj){
  4. jQuery.fn[key]=obj[key];
  5. }
  6. return jQuery.fn;
  7. };
    //$可以使用自身的属性和方法,也能使用原型上的属性和方法
    //但是$("#id")获取的jQuery对象只能使用原型上的方法
    //jQuery扩展方法
    //编写jQuery插件:
 
    /*对于原型链的理解
    1.原型对象:js实现继承是依靠的prototype属性,就是原型对象,原型对象就像Java中的类一样,
    2.构造函数:构造函数就是创建实例化对象的模板,构造函数通过自身的prototype与构造函数的原型对象进行关联
    3.实例化的对象同时具有构造函数与构造函数原型对象的方法和属性,实例化的对象的__proto__指向构造函数的原型对象
 
    我们在考虑继承关系的时候,可以先不用构造函数,person  Person.prototype  Object.prototype  这些都是对象
    他们之间都是通过__proto__属性串联起来的.任何对象都是Object的实例,实例化对象person具有Object的所有属性与方法
    又具有他自身一些特殊的属性与方法,person具有的一些特殊的方法都是依靠Person构造函数赋予的.
 
    JS整体思考
    一个顶级的对象:Object   内置了一些属性和方法
    内置对象:String Number Boolean Array RegExp Date Function
    他们都有相应的构造方法,通过构造方法可以创建相应的对象,字符串,number boolean三种数据类型比较特殊.
 
    BOM:浏览器对象模型,为了操作浏览器内置的一些对象
    window Location document(DOM文档对象模型)  Navigator history
技术分享
 
技术分享
 
技术分享

console.log()  console.dir()
技术分享
 
技术分享





javascript继承

标签:实现继承   浏览器   var   字符串   script   bsp   兼容   doc   creat   

原文地址:http://www.cnblogs.com/itlyh/p/6012101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!