4.2JS中自定义对象

骑猪看日落 2023-09-27 13:52 98阅读 0赞

JS中自定义对象

JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:

1调用系统的构造函数创建对象

2自定义构造函数创建对象

3字面量的方式创建对象

第一种语法:调用系统的构造函数创建对象(Object)

<script>
                            // 实例化对象
                            var obj =new Object();
                            // 给对象添加属性
                            obj.name="张思锐";
                            obj.age=35;
                            obj.gender="男";
                            // 给对象添加方法
                            obj.eat=function(food){
                                    console.log(this.name+"正在吃"+food)	
                            }
                            
                            // 查看对象属性
                            console.log(obj.name);
                            console.log(obj.age);
                            console.log(obj.gender);
                            // 调用对象方法
                            obj.eat("蛋糕");
                            
                    </script>

![49fc53fe15161b5e7899a722b74a51a4.gif][]

![bcdb81f008b4584db9589dd78d093845.gif][]

第二种语法: 自定义构造函数创建对象(function)

<script>
                            // 准备一个构造方法 
                            function Person(pname,page){
                                    this.pname=pname;
                                    this.page=page;
                                    
                                    this.eat=function(food){
                                            console.log(this.page+"岁的"+this.pname+"正在吃"+food);
                                    }	
                            }
                            
                            var p1=new Person("张思锐",10);
                            // 查看对象属性
                            console.log(p1.pname);
                            console.log(p1.page);
                            // 调用对象方法
                            p1.eat("油条");
                    </script>

![219aaa9019e8446f35559ab71f17101c.gif][]

![fdb447d43bef1adb993ba3cb990f4a7b.gif][]

第三种语法: 字面量的方式创建对象(JSON)

<script>
                            
                            
                            /*	JSON 
                                    var 对象名 ={属性名:属性值,属性名:属性值, ... ... ,方法名:方法声明,方法名:方法声明}
                            */
                            var person ={
                                            name:"晓明",
                                            gender:"男",
                                            age:10,
                                            eat:function(food){
                                                    console.log(this.age+"岁的"+this.gender+"孩儿"+this.name+"正在吃"+food)
                                            }
                                    };
                                    
                            // 查看对象属性
                            // 调用对象方法
                            console.log(person.name)
                            console.log(person.gender)
                            console.log(person.age)
                            person.eat("馒头")
                            
                    </script>

![1bf2d2e38b9ed9e7eea831fe008eb4c5.gif][]

![e58ab25a756aeeed09beec3bda1b099d.gif][]

[49fc53fe15161b5e7899a722b74a51a4.gif]: https://img-blog.csdnimg.cn/img_convert/49fc53fe15161b5e7899a722b74a51a4.gif
[bcdb81f008b4584db9589dd78d093845.gif]: https://img-blog.csdnimg.cn/img_convert/bcdb81f008b4584db9589dd78d093845.gif
[219aaa9019e8446f35559ab71f17101c.gif]: https://img-blog.csdnimg.cn/img_convert/219aaa9019e8446f35559ab71f17101c.gif
[fdb447d43bef1adb993ba3cb990f4a7b.gif]: https://img-blog.csdnimg.cn/img_convert/fdb447d43bef1adb993ba3cb990f4a7b.gif
[1bf2d2e38b9ed9e7eea831fe008eb4c5.gif]: https://img-blog.csdnimg.cn/img_convert/1bf2d2e38b9ed9e7eea831fe008eb4c5.gif
[e58ab25a756aeeed09beec3bda1b099d.gif]: https://img-blog.csdnimg.cn/img_convert/e58ab25a756aeeed09beec3bda1b099d.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 js自定义对象

两种定义方法 1. 标准写法:`var stu = new Object` var stu = new Object(); stu.name="...

矫情吗；*/ 2024年04月17日 05:42/ 0 赞/ 59 阅读

相关 js对象定义

js对象定义的3种方法方法一：通过var object=\{\} 对象字面量 (1)，可以叫对象直接量来自定义一个对象。对象自面量是一个[表达式][Link 1]，这

缺乏、安全感/ 2024年04月01日 10:46/ 0 赞/ 59 阅读

相关自定义对象_JavaScript

自定义对象\_JavaScript 学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][Java

╰+哭是因爲堅強的太久メ/ 2024年03月31日 12:58/ 0 赞/ 61 阅读

相关 4.2JS中自定义对象

JS中自定义对象 JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为: 1调用系统的构造函数创建对象 2自定义构造函数创建

淡淡的烟草味﹌/ 2023年09月30日 18:38/ 0 赞/ 7 阅读

相关 4.2JS中自定义对象

JS中自定义对象 JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为: 1调用系统的构造函数创建对象 2自定义构造函数创建

骑猪看日落/ 2023年09月27日 13:52/ 0 赞/ 99 阅读

相关 js object对象转换为自定义对象

<!DOCTYPE html> <html> <head> <title>object对象转换为自定义对象</title>

ゞ浴缸里的玫瑰/ 2022年07月16日 06:40/ 0 赞/ 205 阅读

相关 js自定义函数

js也能想Java那样使用对象的概念。通过new创建对象，然后使用对象.方法名称,或者对象.属性名的方式使用属性或方法。 js定义对象： // js自定

一时失言乱红尘/ 2022年07月12日 03:46/ 0 赞/ 205 阅读

相关 JS中自定义实现trim()方法

javascript中没有trim()方法，需要自己实现。使用： str.replace(/^\\s\|\\s\$/g，”“)。如： funciton trim(

ゞ浴缸里的玫瑰/ 2022年06月08日 01:12/ 0 赞/ 239 阅读

相关 js中的内置对象，宿主对象和自定义对象

JS中，可以将对象分为“内置对象”、“宿主对象”和“自定义对象”三种。 1，内置对象 js中的内置对象包括Array、Boolean、Date、Function、Glo

快来打我*/ 2022年05月13日 07:04/ 0 赞/ 304 阅读

相关 springboot jpa中返回自定义对象

项目中使用springboot jpa进行持久层操作，大部分的操作不用手写sql。最近需要根据部门查询所有的用户，但是只需要用户id和用户userName两个字段，并不需...

àì夳堔傛蜴生んèń/ 2021年05月20日 14:19/ 0 赞/ 657 阅读