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) {