美文网首页
对象、包装类

对象、包装类

作者: 耦耦 | 来源:发表于2018-02-11 00:12 被阅读15次

    对象

    1、用已学的知识来描述一下对象:

    var mrDeng = {
        name : "mrDeng",
        age: 40,
        sex : "male",
        health: 100,
        smoke: function () {
            console.log('I am smoking ! cool!!!!')
            mrDeng.health --;   //对象.方法
            //属性值是函数的话,称这个值为方法。
        }
    }
    

    2、属性的增、删、改、查

    //增
    mrDeng.wife = "xiaoliu";     //对象.属性 = 属性值
    //删
    deleten mrDeng.sex
    //改
    mrDeng.sex = famale;
    //查
    mrDeng.age
    

    对象的属性,没定义就访问时不会报错,会返回undefiend。

    3、对象的创建方法
    字面量

    //var obj = {}    plainOblect    对象字面量/对象直接量
    

    构造函数

    • 系统自带 new Object();Array();Number();Booleam();String();Date();
    var obj = new Object();
    var obj = {};    //这两个没有任何区别
    
    var obj = new Object();
    obj.name = 'abc';
    obj.sex = 'male';    //添加属性
    
    //构造函数写法和真正的函数没有什么区别。
    //构造函数的免名称尽量使用**大驼峰式命名规则**
    
    
    • 自定义
    function Car(){
        this.name = 'BMW';
        this.height = '1400';
        this.lang= '4900';
        this.weight= '1000';
        this.health= '100';
        this.run= function(){
            this.health --;
        };
    }
    
    var car  = new Car();
    var car1 = new Car();
    
    • Object.create原型方法

    构造函数内部原理

    1、在函数体最前面隐式的加上this = {};
    2、执行this.xxx = xxx;
    3、隐式的返回this

    function Student(name, age, sex){
        //var this = {
        //    name : "zhangsan",
        //    age:18
        //}
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.grade = 2017;
        return this;
    }
    
    var student = new Student('zhangsan', 18, 'male');
    //构造函数必须使用new语句。+++
    

    要注意,如果显示的添加一个return,那最后返回的就是这个return。但是如果返回的是原始值,那是不可以的。

    但凡要使用new的话,你可以添加return来捣乱,但你返回的必须是对象值:数组、function(){}、对象都行。但不能返回原始值,因为你new了,你不能返回原始值,如果你返回原始值,系统会强制忽略掉,然后强制返回该对象。这是一个冷门知识点,了解一下就好!

    包装类

    1、new Stirng();

    2、new Boolean();

    3、new Number();

    原始值没有属性和方法,只有对象才能有属性和方法。数字有正常的原始值数字和对象,原始值数字不能有属性和方法,对象是可以有的。原始值通过使用new方法是可以变成对象的,但是undefined和null不可以有属性和方法。

    //原始值不能有属性和方法,但是为什么这里还可以加属性访问呢?因为包装类。
    var num = 4;
    num.len = 3;
    console.log(num.len);
    

    在原始值调用属性的时候,无论是赋值还是查找,它自己不能有,所以这里发生一个隐式的转换。new Number(4).len = 3;也就是新建一个数字对象,再让数字对象的len等于3,来弥补你操作的不足。然后这步完成之后就销毁delete。这个隐式的包装环节叫做包装类。

    有时候会这么考你:

    var arr = [1, 2, 3, 4, 5];
    console.log(arr.length);    //5
    arr.length = 2;
    console.log(arr);    //[1, 2] 
    

    length除了可以访问以外,还可以被赋值。所以这里重新给length赋值的时候,数组被截断了。所以基于这个理论,问你:

    var str = "abcd";
    str.length = 2;
    console.log(str);   //这里会输出什么?
    console.log(str.length);    //这里输出的仍然是4;
    

    字符串自己没有length属性,那只有系统帮你弄一个。那就new String('abcd').length = 2; 然后这步完成之后就销毁delete。所以输出仍然是abcd。

    点length (.length)是系统自带的属性,字符串本身就有,只不过是对象字符串才有这个属性。访问点length的话,系统会new String('abcd').length,而这个new Srting是有length属性的,new Srting的length就是字符串长度4,所以造成一个错觉,有时候我们可以直接用
    字符串,length 其实系统拿的是new String的一个结果给你抛回来的。所以记住,原始值操作属性是操作不了的。

    看一道题:

    var str = "abc";
    str += 1;    //abc1
    var test = typeof(str);     //test == "String"
    if(test.length == 6){
        test.sign = "typeof的返回值结果可能为String";
        //调用包装类new Srting(test).sign = 'xxx';
    }
    //访问的时候 new Srting(test).sign;什么都没有 
    console.log(test.sign);      //undefined
    

    原始值赋属性值是要调用包装类的,但是赋了等于没赋,包装完立马就销毁,是访问不了的。

    练习:

     var x =1,y = z = 0;
    
    function add(n){
        rerurn n = n +1;
    }
    y = add(x);
    
    function add(n){
        rerurn n = n +3;
    }
    z = add(x)
    // 1  4  4
    

    相关文章

      网友评论

          本文标题:对象、包装类

          本文链接:https://www.haomeiwen.com/subject/canhtftx.html