首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【JavaScript】对象 ② ( 对象使用 | 调用对象属性 | 调用对象方法 | 变量与属性区别 | 函数与方法区别 )

一、对象使用 1、使用字面量创建对象要点 使用字面量创建对象要点 : 在上一篇博客 【JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号.../ 中括号 / 大括号 作用 ) 中 , 介绍了 使用 字面量 创建对象 , 有如下要点 : 键值对 : 对象字面量 中的 属性 和 方法 都是以 " 键值对 " 的形式存在的 , 键 对应 属性名称...调用对象属性 : 使用 对象名.属性名 的方式 , 调用 对象属性 ; // 访问对象属性 - 方式一 : 对象名.属性名 console.log(person.name...); 使用 对象名['属性名'] 的方式 , 调用 对象属性 ; // 访问对象属性 - 方式二 : 对象名['属性名'] console.log(person['name...并赋值 , 可以使用 变量名 单独使用 ; 属性对象中 , 不需要声明 , 但是在使用时 , 必须 用 对象名.属性名 或者 对象名[属性名] 的方式使用 ; 三、函数与方法区别 函数与方法相同点

9910
您找到你想要的搜索结果了吗?
是的
没有找到

如何使用JavaScript漂亮地打印JSON对象

本文翻译自How to pretty-print a JSON object with JavaScript 如何使用JavaScript漂亮地打印JSON对象 在之前的文章中,我们研究了如何使用JSON.stringify...()方法将JSON对象序列化为JSON字符串。...在本文中,您将学习如何使用JSON.stringify()方法在JavaScript中漂亮地打印JSON对象。 JSON.stringify()方法最多接受三个参数:JSON对象,替换器和空格。...只有JSON对象是必需的,其余两个参数是可选的。 如果在调用JSON.stringify()时跳过可选参数,则输出JSON字符串将不包含任何空格或换行符。...object const str = JSON.stringify(obj, null, 4); // print JSON string console.log(str); 上面的示例将JSON对象序列化为以下字符串

5.5K10

事件对象使用属性和方法

1 event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素 2 target属性可以是注册事件时的元素或者子元素,通常用于比较event.target...和this来确定是不是由于冒泡而触发的,经常用于事件冒泡时处理事件委托 3 事件对象是用来记录一些事件发生时的相关信息的对象。...事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁 4 jQuery事件对象的作用 li都有一个共同的父元素,而且所有的事件都是一致的...,可以采用要一个技巧来处理,也是常说的"事件委托 5 event.type获取事件的类型 6 event.pageX 和 event.pageY获取鼠标当前相对于页面的坐标,通过这2个属性,可以确定元素在当前页面的坐标值...,使用jquey中的方法可以将他们转换为jquery对象,比如this和$(this)的使用、event.target和$(event.target)的使用 转帖:http://blog.51cto.com

1.5K30

打印Java对象

对象使用HashCode()计算后,并会将结果写到该对象头中。当对象被锁定时,该值会移动到线程Monitor中。 age:4位的Java对象年龄。...如果应用的对象过多,使用64位的指针将浪费大量内存,统计而言,64位的JVM将会比32位的JVM多耗费50%的内存。...为了节约内存可以使用选项+UseCompressedOops开启指针压缩,其中,oop即ordinary object pointer普通对象指针。...开启该选项后,下列指针将压缩至32位: 每个Class的属性指针(即静态变量) 每个对象属性指针(即对象变量) 普通对象数组的每个元素指针 当然,也不是所有的指针都会压缩,一些特殊类型的指针JVM不会优化...打印对象头 注:以下测试我本机是64位,无锁:unused:25 | identity_hashcode:31 | unused:1 | age:4 | biased_lock:1 | lock:2;

2.5K40

使用 Object.defineProperty 为对象定义属性

Object.defineProperty() 定义以及使用 Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。...那我们直接使用对象.属性」就好了,为什么要用 Object.defineProperty 这么复杂的方法呢?...Object.defineProperty 解决什么问题 如果你想定义一个对象属性为只读怎么办? 「对象.属性」能做到吗?显然不能!Object.defineProperty 却可以做到。...: false}); Object.defineProperty(o, "c", {value: 3}); // enumerable defaults to false o.d = 4; // 如果使用直接赋值的方式创建对象属性...Object.freeze(obj) Object.freeze() 方法可以冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性

89710

js对象属性

属性的定义与使用 也许你觉得定义属性很简单啊,我直接.prop = xxx,就可以定义个对象了啊,从未深入了解,这在大多数情况下没有任何问题。但在某些情况下就不够用了。...for in 循环遍历的属性 作为经常使用对象的我们,想必对这个语法并不陌生,虽然我们一般情况下很少直接这样用,因为更多业务场景下是属性的精准使用,不会通过循环的方式,原因有以下几个方面。...1 如果默认使用属性循环来展示数据,有很多不必要展示的数据都要过滤筛选掉,比较低效麻烦 2 属性的循环访问不一定符合我们需要展示的顺序,这点才是致命的,导致我们在业务需要的时候更多的时候是固定顺序固定访问对象属性...还什么方法可以拿到属性 没错,我们一般情况下使用for,in循环获取属性,但有些属性我们也希望得到。...对象自身,全部属性 属性中的this是什么 来源 指向 对象 对象自身 构造函数 返回新对象 原型 原型 纯函数调用 外部环境全局,浏览器或者node 访问器get,set使用 一般我们也用不到这个

15.6K10

如何使用 ref 属性获取子组件实例对象

在 Vue 中,我们可以使用 ref 属性来获取子组件的实例对象。这个功能非常方便,可以让父组件直接访问子组件的方法和数据。本文将详细介绍如何使用 ref 属性获取子组件实例对象。...当使用 ref 属性时,Vue 将会创建一个 $refs 对象,并将注册了 ref 的元素或组件的引用存储到 $refs 对象中。这个 $refs 对象可以很方便地用来访问子组件的实例对象。...在父组件中通过 ref 获取子组件的实例对象在父组件中,我们可以通过 ref 属性获取子组件的实例对象。...这种方式需要慎重使用,因为它会使子组件和父组件之间的耦合度变高,不利于组件的复用和维护。在子组件中,可以使用 this.$parent 访问父组件的实例对象。...需要注意的是,在子组件中使用 $parent 访问父组件的实例对象需要慎重使用,因为它会使组件之间的耦合度变高,不利于组件的复用和维护。

2.3K00

JavaScript之面向对象的概念,对象属性对象属性的特性简介

"无需属性的集合,其属性可以包含基本值、对象或者函数"。...;这个方法是 //这个方法接收三个参数:属性所在的对象引用、属性的名字和一个描述符对象 //其中描述符对象属性必须是上面提到的四个属性的特性(实现JavaScript引擎所用...访问器属性不能直接定义,必须使用Object.definneProperty().请看下面代码: var book = { _year: 1994,...注意:支持ECMAScript 5的get,set方法浏览器只有IE9+(IE8部分实现)、FireFox 4+、Safari 5+、Opera 12+和Chrome,在这之前,要创建访问器属性,一般都使用两个非标准方法...最终的对象和上一段代码定义的对象相同。唯一的区别是这里的属性都是在同一时间创建的!上一段代码中定义的对象,实在定义完数据属性之后又定义了一个访问器属性

2.3K60

JavaScript——对象属性

在JavaScript中,所有的对象都是一组属性的集合,属性可以是数值,字符串等原始类型,也可以是函数,或者是其他对象属性的类型 JavaScript中的属性有两种类型:数据属性和访问器属性。...属性的特性会有一些默认值,要修改特性的默认值,必须使用Object.defineProperty方法。...禁止扩展对象 通过Object.preventExtensions()方法可以禁止将对象进行扩展,禁止扩展后的对象无法: 添加新的属性 但可以: 删除已有的属性 改变已有属性的特性 修改已有数据属性的值...(如果该属性可写) 修改已有访问器属性的值(如果有set方法) 密封对象 通过Object.seal方法可以将对象进行密封,密封后的对象无法: 添加新的属性 删除已有的属性 改变已有属性的特性 但可以...修改已有数据属性的值(如果该属性可写) 修改已有访问器属性的值(如果有set方法) 冻结对象 通过Object.freeze方法可以将对象进行冻结,冻结后的对象无法: 添加新的属性 删除已有的属性 改变已有属性的特性

2.4K30

VBA对象属性概述

上节概述了对象模型的基础知识,而对象的学习重点其实就是它们的属性和方法,不同对象都有诸多不同的属性和方法,后期将从常用对象属性和方法循序渐进的展开。...本节将通过三个递进的示例,来介绍对象属性的通用知识点。 属 性 表 示 方 法 对象属性决定了对象的特征或者某一方面的行为。 对象属性的表示方法是用英文逗号间隔:对象.属性。...工作表的名称如何得到,这就需要用到上节的知识,当不知道工作表名称时,就可以使用对象集合(集合索引号)的表示方法。即worksheets(1).name得到第一个表的名称。...可以看下代码主要是range对象的参数和worksheets集合的索引号有规律的变化。涉及有规律的重复,就可以联想到使用循环结构。...4、range对象的value属性是默认属性,在代码中可以省略。 ---- 本节介绍了对象属性的通用知识点,主要通过三个逐步递进的实例来介绍使用规则,逐步结合前面学过的知识。

1.4K10
领券