js 获取对象的方法
- 格式:doc
- 大小:14.34 KB
- 文档页数:13
JavaScript 获取对象的方法
在 JavaScript 中,获取对象的方法主要包括属性访问和方法调用。本文将介绍这两种方法的原理、语法和应用场景。下面是本店铺为大家精心编写的5篇《JavaScript 获取对象的方法》,供大家借鉴与参考,希望对大家有所帮助。
《JavaScript 获取对象的方法》篇1
一、属性访问
属性访问是用来获取对象的属性值。在 JavaScript 中,可以使用点运算符(.)或者方括号运算符([])来访问对象的属性。
1. 点运算符(.)
点运算符用于访问对象的属性,其语法如下:
```
obj.prop;
```
其中,obj 是对象,prop 是对象的属性。
例如:
```javascript
const person = {
name: "张三",
age: 20 };
console.log(); // 输出:张三
console.log(person.age); // 输出:20
```
2. 方括号运算符([])
方括号运算符用于访问数组的属性,其语法如下:
```
obj[prop];
```
其中,obj 是对象,prop 是对象的属性。
例如:
```javascript
const person = {
name: "张三",
age: 20
};
console.log(person["name"]); // 输出:张三
console.log(person["age"]); // 输出:20
``` 二、方法调用
方法调用是用来执行对象的方法。在 JavaScript 中,可以使用点运算符(.)或者方括号运算符([])来调用对象的方法。
1. 点运算符(.)
点运算符用于调用对象的方法,其语法如下:
```
obj.method();
```
其中,obj 是对象,method 是对象的方法。
例如:
```javascript
const person = {
name: "张三",
age: 20,
greet: function() {
console.log("你好,我是 " + + ",今年 " + this.age
+ " 岁。");
}
}; person.greet(); // 输出:你好,我是 张三,今年 20 岁。
```
2. 方括号运算符([])
方括号运算符用于调用数组的方法,其语法如下:
```
obj[method]();
```
其中,obj 是对象,method 是对象的方法。
例如:
```javascript
const person = {
name: "张三",
age: 20,
greet: function() {
console.log("你好,我是 " + + ",今年 " + this.age
+ " 岁。");
}
};
person["greet"](); // 输出:你好,我是 张三,今年 20 岁。 ```
总结:
在 JavaScript 中,获取对象的方法主要包括属性访问和方法调用。属性访问可以使用点运算符(.)或者方括号运算符([]),方法调用可以使用点运算符(.)或者方括号运算符([])。在选择使用哪种方法时,需要根据实际情况来决定。
《JavaScript 获取对象的方法》篇2
获取 JavaScript 中对象的方法有很多种,以下是一些常用的方法:
1. 构造函数方式创建对象并获取方法:
```javascript
function Person(name, age) {
= name;
this.age = age;
}
const person = new Person("张三", 25);
const getNameMethod = new
Person().constructor.prototype.getName;
console.log(getNameMethod()); // 输出:张三 ```
2. 直接访问对象的属性:
```javascript
const person = {
name: "张三",
age: 25
};
const getName = ;
console.log(getName()); // 输出:张三
```
3. 使用 `Object.getOwnPropertyNames()` 和
`Object.getOwnPropertySymbols()` 方法获取所有属性(包括非继承属性和私有属性):
```javascript
const person = {
name: "张三",
age: 25,
[Symbol("private")]: 100
}; const properties =
Object.getOwnPropertyNames(person).concat(Object.getOwnPropertySymbols(person));
console.log(properties); // 输出:name, age,
Symbol(private)
```
4. 使用 `Object.prototype.toString.call()` 方法获取对象的 [[Class]] 属性:
```javascript
const person = {
name: "张三",
age: 25
};
const className =
Object.prototype.toString.call(person).match(/^.*s(w+)$/)[1];
console.log(className); // 输出:Person
```
5. 使用 `` 属性获取函数名(只适用于构造函数): ```javascript
function Person(name, age) {
= name;
this.age = age;
}
const person = new Person("张三", 25);
const getName = ;
console.log(getName()); // 输出:Person
```
这些方法可以根据实际需求选择使用。需要注意的是,方法 2 和方法 5 仅适用于构造函数,而方法 3 可以获取所有属性,包括私有属性和非继承属性。方法 4 可以获取对象的类名,但无法获取对象的实例方法。
《JavaScript 获取对象的方法》篇3
JavaScript 中获取对象的方法有很多种,以下是一些常用的方法:
1. Object.prototype.toString() :该方法返回对象的字符串表示形式,通常用于判断对象类型。例如: ```
var obj = { };
console.log(typeof obj); // "object"
console.log(obj.toString()); // "[object Object]"
```
2. Object.prototype.toLocaleString() :该方法返回对象的字符串表示形式,与 toString() 方法类似,但是会根据本地化语言进行转换。例如:
```
var obj = { };
console.log(typeof obj); // "object"
console.log(obj.toLocaleString()); // "{}";
```
3. Object.getOwnPropertyNames() :该方法返回对象所有自身的属性名,不包括从原型链继承的属性。例如:
```
var obj = { a: 1, b: 2, c: 3 };
console.log(Object.getOwnPropertyNames(obj)); // ["a",
"b", "c"] ```
4. Object.getOwnPropertySymbols() :该方法返回对象所有自身的符号属性名,不包括从原型链继承的属性。该方法只有在
ECMAScript 6 中才可用。例如:
```
var obj = { a: 1, b: 2, c: 3 };
console.log(Object.getOwnPropertySymbols(obj)); // []
```
5. Object.keys() :该方法返回一个数组,数组中的元素是对象的所有自身属性名,不包括从原型链继承的属性。例如:
```
var obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // ["a", "b", "c"]
```
6. for-in 循环 :通过 for-in 循环可以遍历对象的所有属性,包括自身的属性和从原型链继承的属性。例如:
```
var obj = { a: 1, b: 2, c: 3 };
for(var property in obj) {