javascript对象的创建

最新推荐文章于 2023-08-26 17:42:25 发布

浅浅海鸥

最新推荐文章于 2023-08-26 17:42:25 发布

阅读量92

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/Sunset_Sunshine/article/details/115616146

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文深入探讨JavaScript中对象的创建方式，包括使用系统自带的Object构造函数、自定义构造函数以及对象字面量的方法。通过示例展示了如何定义和使用自定义构造函数创建具有特定属性和方法的对象。同时，解释了原始值与包装类的关系，阐述了在为原始值添加属性时系统自动转换的过程。

摘要由CSDN通过智能技术生成

javascript对象的创建

对象的创建方法

构造函数

系统自带的构造函数 Object()
自定义的构造函数 function Abc(){}
var abc1 = new Abc();
构造函数名：大驼峰式命名规则

系统自带的构造函数

var a=new Object()和var a={}有什么区别?
var a = {}，a.toString()等Object对象所具有的方法，a都具有。由此也可以判断，其实a = {}就是a = new Objcet()的简单实现。

var Abc = {
    name : 'deng',
    age : 12,
    sex: 'male',
    health : 100,
    smoke : function(){
        console.log('I am smoking！');
        this.health --;
    },
    drink : function(){
        console.log('I am drinking!');
        Deng.health ++;
    }

}

自定义构造函数

自定义Car的构造函数之后创建的对象都具有Car的属性及属性值
不同创建对象之间修改属性及属性值不相互影响

function Car(){
    // var this = {}
    this.name = 'BMW';
    this.height = '123';
    this.lang = '345';
    this.weight = '456';
    this.health = 100;
    this.run = function(){
        this.health --;
    }

    //return this;
}

var car1 = new Car();
var car2 = new Car();

包装类

原始值不能有属性和方法，当给它们添加属性的时候系统会自动进行包装类并销毁。

Boolean String Number

var num = 3;
num.len = 2;
//new Number(3).len =2; delete(在下一行执行前销毁)
console.log(num.len);//endefined

var str = "abcd";
str.length = 2;
//new String('abcd).length = 2; delete;（在下一行执行前销毁）
console.log(str);//abcd
//new String('abcd).length
//.length是string系统自带的属性。
console.log(str.length);//4

原文地址：https://www.qianqianhaiou.cn/index.php/archives/49/