“撩过”c++的对象,“拿捏”了python的对象,你还怕拿不下javascript的对象吗?

简介: 前言你是否常常可以看到属于程序员的热门话题“已经new了好几个对象了!”,这不最近开学了吗,长期单身的阿牛也着急了!决定对javascript中的对象下手了。

你是否常常可以看到属于程序员的热门话题“已经new了好几个对象了!”,这不最近开学了吗,长期单身的阿牛也着急了!决定对javascript中的对象下手了。

“撩过”c++的对象,“拿捏”了python的对象,那么今天我们看看javascript中的对象到底是什么,看能不能一次性拿下~~~

(嘿嘿嘿!不行的话就多来几次,“舔狗”也挺不错的。想做“海王”就多物色几门语言的对象,多new几个,最终你会发现都差不多!)


🟢什么是对象?

嘿!这还用问吗?对象不就是“你的女朋友” 嘛!,或许你以为我在胡说,但事实上确实就是。

看完下面这个定义,你就知道我说的对不对了…


现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。如,一本书、一辆汽车、一个人都可以是"对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。


在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。


对象是由属性和方法组成的。


属性:事物的特征,在对象中用属性来表示(常用名词)

方法:事物的行为,在对象中用方法来表示(常用动词)

🟢为什么需要对象?

为什么需要“对象”?是为了化解你的孤独与寂寞嘛,拜托老兄,不要那么肤浅好嘛!


找对象其他的不说,但她一定有一个作用:她能使你更加完整!

不信你看:

保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组(对比python中的列表)。如果要保存一个人的完整信息呢?


例如,将“张三”的个人的信息保存在数组中的方式为:

var arr= [‘张三’,‘男’,168,154];


这样确实存储了数据,但你是不是感觉他还不太完整!你知道168,154分别是什么吗?这时候对象的作用就体现出来了。


js 中的对象用{ }表示(对比python中的字典),表达结构更清晰,更强大。

var obj = {
          name:'张三',
          sex:'男',
          height:168,
          weight:154,
          fun:function(){
              console.log("我是张三!");
          }
      }

里面的属性或者方法我们采取键值对的形式键属性名:值属性值

多个属性或者方法中间用逗号隔开的。

方法冒号后面跟的是一个匿名函数。

🟢创建对象的三种方式

🍋利用对象字面量创建对象

**对象字面量:**就是花括号{},里面包含了表达这个具体事务(对象)的属性和方法。


var obj_1 = {}; //创建了一个空的对象

1

🍋利用 new 关键字创建对象

 var obj_2 = new Object(); //创建了一个空的对象

1

🍋利用构造函数创建对象

为什么需要构造函数呢?

 var zhang = {
          name:'张三',
          sex:'男',
          height:168,
          weight:154,
          fun:function(){
              console.log("我是张三!");
          }
      }
      console.log(zhang);
      var li = {
          name:'李四',
          sex:'男',
          height:176,
          weight:154,
          fun:function(){
              console.log("我是李四!");
          }
      }
      console.log(li);

可以看到,我们用前面两种创建方法对象,如果需要多一点且属性和方法大都相同的对象时,这样一个一个创建就显得十分麻烦。


因此,我们可以利用函数的方法,重复这些相同的代码,我们把这个函数就叫做构造函数。


构造函数:是一种特殊的函数,主要用来初始化 对象,即为对象成员变量赋初始值,它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法油取出来,然封装到这个函数里面。


通俗的说:构造函数就是把我们对象里面的一些相同的属性和方法抽象出来封装到函数里面。


//构造函数的语法格式

function 构造函数名(){

     this.属性 = 值;

     this.方法 = function () { }

}

new 构造函数名 ();

function Star(name,age,sex){
        this.name = name;
        this.age = age;
        this.sex = sex;
    }
    var hg = new Star('胡歌',35,'男');  //调用函数返回的是一个对象
    console.log(hg);
    var ldh = new Star('刘德华',50,'男');

image.png

这样创建对象就方便多了。


注:

1.构造函数名字首字母要大写。

2.我们构造函数不需要 return 就可以返回结果。

3.我们调用构造函数必须使用new 。

4.我们只要 new Star ()调用函数就创建一个对象。


🍑new关键字的执行过程

new 在执行时会做四件事情:

1.在内存中创建一个新的空对象。

2.让 this 指向这个新的对象。

3.执行构造函数里面的代码,给这个新对象添加属性和方法。

4.返回这个新对象(所以构造函数里面不需要 return )。


🟢对象属性的增删改查(和py的字典类似)

var obj_1 = {}  //创建了一个空的对象
      //添加属性及值
      obj_1.name = 'aniu'; 
      obj_1.sex = '男';
      console.log(obj_1);

image.png

var zhang = {
          name:'张三',
          sex:'男',
          height:168,
          weight:154,
          fun:function(){
              console.log("我是张三!");
          }
      }
      delete zhang.weight;  // 删除对象的体重
      console.log(zhang);

image.png

 var li = {
          name:'李四',
          sex:'男',
          height:176,
          weight:154,
          fun:function(){
              console.log("我是李四!");
          }
      }
      li.sex = '女'; // 修改对象的性别
      console.log(li);

查属性:

console.log(li.name); //法一

console.log(li[‘sex’]); //法二

调用方法:

li.fun()

var li = {
          name:'李四',
          sex:'男',
          height:176,
          weight:154,
          fun:function(){
              console.log("我是李四!");
          }
      }
      console.log(li.name); //法一
      console.log(li['sex']); //法二
      li.fun();  //调用方法
    function Star(name,age,sex){
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.work = function(work){
            console.log(work);
        }
    }
    var hg = new Star('胡歌',35,'男');  //调用函数返回的是一个对象
    hg.work("仙剑"); //调用方法

image.png

var li = {
          name:'李四',
          sex:'男',
          height:176,
          weight:154,
      }
      console.log(li.name);
      console.log(li.sex);
      console.log(li.height);
      console.log(li.weight);

像这样输出对象的属性值很麻烦,因此可以用遍历。

for … in 语句用于对数组或者对象的属性进行循环操作

var li = {
          name:'李四',
          sex:'男',
          height:176,
          weight:154,
      }
      for (var k in li){
          console.log(k); //k 变量 输出得到的是属性名
          console.log(li[k]);  // obj[k] 输出得到的是属性值
      }

image.png

相关文章
|
3月前
|
jenkins Shell 测试技术
|
3月前
|
安全 大数据 程序员
Python operator模块的methodcaller:一行代码搞定对象方法调用的黑科技
`operator.methodcaller`是Python中处理对象方法调用的高效工具,替代冗长Lambda,提升代码可读性与性能。适用于数据过滤、排序、转换等场景,支持参数传递与链式调用,是函数式编程的隐藏利器。
121 4
|
3月前
|
安全 jenkins Java
Java、Python、C++支持jenkins和SonarQube(一)
Jenkins 是一个开源的 持续集成(CI)和持续交付(CD) 工具,用于自动化构建、测试和部署软件项目。它基于 Java 开发,支持跨平台运行,并拥有丰富的插件生态系统,可以灵活地扩展功能
244 5
|
3月前
|
jenkins Java Shell
Java、Python、C++支持jenkins和SonarQube(全集)
Jenkins 是一个开源的持续集成(CI)和持续交付(CD)工具,用于自动化构建、测试和部署软件项目。它基于 Java 开发,支持跨平台运行,并拥有丰富的插件生态系统,可以灵活地扩展功能
330 1
|
3月前
|
jenkins Java 持续交付
Java、Python、C++支持Jenkins和SonarQube(三)
Python与Jenkins和SonarQube
108 1
|
3月前
|
jenkins Java 测试技术
|
3月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
4月前
|
安全 JavaScript Java
Python中None与NoneType的真相:从单例对象到类型系统的深度解析
本文通过10个真实场景,深入解析Python中表示“空值”的None与NoneType。从单例模式、函数返回值,到类型注解、性能优化,全面揭示None在语言设计与实际编程中的核心作用,帮助开发者正确高效地处理“无值”状态,写出更健壮、清晰的Python代码。
404 3
|
7月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1153 58
|
4月前
|
Python
解决Python中AttributeError:'image'对象缺少属性'read_file'的问题策略。
通过上述策略综合考虑,您将能够定位问题并确定如何解决它。记住,Python社区很庞大,也很乐于帮助解决问题,因此不要害怕在求助时提供尽可能多的上下文和您已经尝试过的解决方案。
130 0

推荐镜像

更多