首页 > 编程语言 >JavaScript—对象

JavaScript—对象

时间:2023-09-01 19:33:42浏览次数:41  
标签:张三 console log 对象 JavaScript uname obj

为什么需要对象

保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息(信息面板)呢?

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

对象是由属性方法组成。

  • 属性:事物的特征,在对象中用属性表示。(常用名词)
  • 方法:事物的行为,在对象中用方法表示。(常用动词)
数组存放张三的个人信息
 var arr = ['张三', '沃尔玛购物袋', 18, 170];

js中的对象表达结构更加清晰,更强大。

张三的个人信息在对象中的表达结构如下

张三.姓名 =‘张三’

张三.性别 =‘沃尔玛购物袋’

张三.年龄 =‘18’

 张三.身高 =‘170’

使用字面量创建对象

创建对象与调用
var obj = {
            uname: '张三',
            age: 18,
            sex: '沃尔玛购物袋',
            sayHi: function () {
                console.log('hi');
            }
        }
        console.log(obj.sex);        // 调用对象中的属性(方法一)
        console.log(obj['uname']);        // 调用对象中的属性(方法二)
        obj.sayHi();        // 调用对象的方法需要遵守函数调用规范
new Object创建对象
 var obj = new Object();
        obj.uname = '张三';
        obj.age = 18;
        obj.sex = '沃尔玛购物';
        obj.sayHi = function () {
            console.log('hi');
        }
        console.log(obj.uname + '性别是' + obj.sex);

使用构造函数创建对象

概念与作用

  • 前面创建对象的方法一次只能创建一个对象
  • 一次创建一个对象,里面很多的属性和方法是大量相同只能复制
  • 可以利用函数的方法重复这些相同的代码 ,把这个函数成为构造函数
  • 这个函数不一样,里面封装的不是普通代码,而是对象
  • 构造函数就是对象里面一些相同的属性和方法抽象出来封装到函数里面

注意事项

  1. 构造函数首字母大写
  2. 构造函数不需要return就可以返回结果
  3. 调用函数必须使用new
  4. 属性和方法前面必须添加this
 
构造函数创建对象
function Star(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
            this.run = function (ran) {
                console.log(ran);
            }
        }
        var Alice = new Star('张三', 18, '沃尔玛购物袋');       //调用函数返回的是一个对象
        var Mike = new Star('李四', 20, '男');
        console.log(Mike.uname);
        Mike.run('100m');

new的执行过程 遍历对象

for in遍历对象
 var obj = {
            name: '张三',
            age: 18,
            sex: '男'
        }
        for (var k in obj) {
            console.log(k);
            console.log(obj[k]);
        }

使用for in里面的变量通常用k或者key

标签:张三,console,log,对象,JavaScript,uname,obj
From: https://www.cnblogs.com/vayenge/p/17471021.html

相关文章

  • JavaScript—预解析
    预解析口诀:先声明再调用JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*///报错:使用了未定义的变量console.log(num);......
  • JavaScript—简单类型与复杂类型
    简单数据类型的内存分配简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。(简单)值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型:string,number,boolean,undefined,null。简单数据类型存放在栈里面查看代码vartimer=null;......
  • Java中对象创建的几种方式
    Java中对象创建的几种方式本文记录Java创建对象的六种方式,详细内容请查看代码测试对象粘贴复制即可,配合TestPeople食用importjava.io.Serializable;/***@authorunknown*@since2023/09/0116:09*/publicclassPeopleimplementsCloneable,Serializable{......
  • JavaScript阶段易踩坑--层级覆盖--var与let使用--事件流(捕获和冒泡)
    刚刚走完JavaScript阶段,感觉挺爽的。但在总结的时候,我发现一些在做网页中容易错的地方,还有一些比较重要的方面。为了避免其他人在这一阶段也遇到这些问题。我今天就着重说一下在JavaScript这一阶段我容易出现的问题,从而让大家在遇到相同问题的时候可以快速解决。一.盒子覆盖问题只......
  • JavaScript中exec()方法详解
    一、RegExp对象的声明及exec()方法的使用声明一个RegExp有两种方式:1)varre=newRegExp(pattern,modifiers);2)varre=/pattern/modifiers;注释:pattern(模式):描述了表达式的模式modifiers(修饰符)用于指定全局匹配、区分大小写的匹配和多行匹配,具体有i、g和m三类,这三类也......
  • 从零开始学习jQuery (五) 事件与事件对象
    [导读] 一摘要事件是脚本编程的灵魂所以本章内容也是jQuery学习的重点本文将对jQuery中的事件处理以及事件对象进行详细的讲解二前言本篇文章是至今为止本系列内容最多的一篇,足以可见其重要性大家反映要多一.摘要事件是脚本编程的灵魂.所以本章内容也是jQuery学习的重......
  • 每天一道面试题:对象引用及垃圾回收
    先来看题目 (多选)下面哪些描述是正确的:()【文章末尾有答案】1publicclassTest{2publicstaticclassA{3privateBref;4publicvoidsetB(Bb){5ref=b;6}7}8publicstaticClassB{9......
  • 关于处理 vue data中对象或数组中响应式数据的注意点
    vue2中针对对象中的响应式数据,如果要想修改他们,只能通过监听的特性实现。不能直接赋值。在vue2源码中,计算属性和watch的实现方式是一样的,都具有监听响应式对象或数组中的数据的功能。区别就是,计算属性具有缓存机制。除此之外,还可以直接使用this.$set(obj,key:String,value......
  • LatexEasy | JavaScript集成公式编辑器
    在线示例https://latexeasy.com/en/demo/sdk使用方式基础使用方式<iframeid="liveEditor"frameborder="0"style="width:100%;height:400px;border:0;outline:none;"src="https://latexeasy.com/editor"></if......
  • Java是一种广泛使用的面向对象编程语言
    Java是一种广泛使用的面向对象编程语言,具有以下特性:平台无关性:Java语言编写的程序可以在不同的操作系统和硬件平台上运行,因为Java语言通过Java虚拟机(JVM)实现了平台无关性。面向对象:Java是一种完全面向对象的编程语言,支持封装、继承和多态等面向对象的基本特性。强类型语言:Java是一......