主页 / 网络编程 /

js对象简介与基本用法示例

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了js对象简介与基本用法,结合实例形式分析了JavaScript对象的概念、功能、基本用法与操作注意事项,需要的朋友可以参考下

本文实例讲述了js对象简介与基本用法。分享给大家供大家参考，具体如下

对象简介

js中没有"类"的概念，只有对象。

A:对象声明方式有三种

------------1.调用Object函数创建对象: 

var person = new Object;

对于一个已经声明的对象，可以给该对象设置任意属性。比如

var person = new Object();
person.name = "zhangsan";
console.log(person); //Object {name: "zhangsan"}

这样就给person对象设置了一个name属性

------------2.采用JSON形式窗口对象:  对象字面量

var person = {name : "zhangsan"};
console.log(person); //Object {name: "zhangsan"}

这种声明等价于第一种

------------3.自定义函数形式创建对象

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象

B:对象的属性

对象的属性通常有两种访问方式，即“对象式”和“数组式”。

------------1.对象式

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象
person.name = "lisi"; //将name作为对象person的一个属性
console.log(person); //Person {name: "lisi"}

------------2.数组式

person["name"] = "zhangsan";
console.log(person); //Person {name: "zhangsan"}

C:遍历对象的所有属性和方法

for (var key in person) {
 console.log(person[key]);
}

D:对象的prototype:prototype属性是返回对象类型原型的引用。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：js函数和this用法实例分析 下一篇：JS自定义滚动条效果

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by