JavaScript对象的学习（一）

最新推荐文章于 2022-10-13 19:59:59 发布

王贰拾888

最新推荐文章于 2022-10-13 19:59:59 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏：个人心得

本文链接：https://blog.youkuaiyun.com/wangwenkai76/article/details/82750255

个人心得专栏收录该内容

26 篇文章

订阅专栏

本文探讨了JavaScript中函数与对象的关系，解释了函数如何作为实现特定功能的代码容器，而对象则封装了这些函数作为其属性或方法。文中还介绍了三种创建对象的常见方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在学习了js函数和对象之后，感觉这两者之间有着某种关系，哈哈哈。我觉得，函数就是为了实现某种特定的功能而将重复代码封装起来的一个容器，里边包含着实现某个功能的各个过程。而对象我觉得可以将它想做是一个可以将函数封装起来的一个容器，每个函数可以看作一个对象的属性，在需要的时候可以直接引用对象的属性或者方法即可，更加注重结果。

综上：函数就是将过程封装起来的一个容器，是一个过程的集合。对象：是一个将函数封装起来的集合，是一类功能的集合，在需要的时候可以直接引用对象的属性和方法即可实现我们想要的目的。

添加对象的三种常用方式：

1、通过系统的构造函数来添加

 //构造函数创建对象
    //因为Object是系统自带的，所以通过这样的构造函数的类型来创建一个对象
    var obj = new Object();
    //给obj这个对象创建name 和 age属性
    obj.name="王";
    obj.age=20;
    obj.Sayhi=function(){
        console.log("我叫"+obj.name+"今年"+obj.age+"岁了")
    };//创建obj这个对象一个Sayhi的方法，相当于一个赋值语句

    //检查obj的属性和方法
    console.log(obj.name);
    console.log(obj.age);
    obj.Sayhi();

2、通过自定义构造函数创建对象：

function Stu(name,num){
        this.name=name;
        this.num=num;
        this.Techang=function(){
            console.log("我叫"+this.name+"我的序号是"+this.num);
        };
    }
    // 创建一个对象---->实例化一个对象，并初始化
    var student=new Stu("王",0616);
    console.log(student.name);
    console.log(student.num);
    student.Techang();

3、字面量的方式创建对象：

var obj={};
    obj.name="王";
    obj.num=123;
    obj.Hei=function(){
        console.log("你好");
    };

    console.log(obj.name);
    console.log(obj.num);
    obj.Hei();