js对象简介与基本用法示例
2020-03-14 12:10
316 查看
本文实例讲述了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代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JS 数组基本用法入门示例解析
- JavaScript字符串对象(string)基本用法示例
- JavaScript日期对象(Date)基本用法示例
- JS正则表达式基本用法与常用示例
- JS函数基本定义与用法示例
- Python 面向对象之类class和对象基本用法示例
- JS几个常用的函数和对象定义与用法示例
- JS+HTML5 FileReader对象用法示例
- JS document对象简单用法完整示例
- js中对象的声明方式以及数组的一些用法示例
- node.js连接mysql与基本用法示例
- js中对象的声明方式以及数组的一些用法示例
- js中cookie的基本用法
- js判断基本类型&对象类型
- js 对象以及其基本操作
- JS中的常量(基本数据类型)和内置对象
- 用c#开发微信 (10) JS-SDK 基本用法- 分享接口“发送到朋友”
- js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
- Vuejs Prop基本用法
- iOS 基本对象的用法详解(转载)