js对象简介与基本用法示例
编程学习 2021-07-04 15:02www.dzhlxh.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自定义滚动条效果