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


Posted in Javascript onMarch 13, 2020

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

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

Javascript 相关文章推荐
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
JS实现自动变化的导航菜单效果代码
Sep 09 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
使用async await 封装 axios的方法
Jul 09 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
JS自定义滚动条效果
Mar 13 #Javascript
js Math数学简单使用操作示例
Mar 13 #Javascript
Vue实现仿iPhone悬浮球的示例代码
Mar 13 #Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 #Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 #Javascript
创建nuxt.js项目流程图解
Mar 13 #Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 #Javascript
You might like
构建简单的Webmail系统
2006/10/09 PHP
php eval函数用法总结
2012/10/31 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php使用反射插入对象示例分享
2014/03/11 PHP
php cli换行示例
2014/04/22 PHP
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
理解AngularJs指令
2015/12/10 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
layui 对弹窗 form表单赋值的实现方法
2019/09/04 Javascript
jQuery表单校验插件validator使用方法详解
2020/02/18 jQuery
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[51:32]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
python自带的http模块详解
2016/11/06 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
python实现PID算法及测试的例子
2019/08/08 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
Python实现结构体代码实例
2020/02/10 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
Opencv求取连通区域重心实例
2020/06/04 Python
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
机电一体化应届生求职信范文
2014/01/24 职场文书
高中学校对照检查材料
2014/08/31 职场文书
庆六一宣传标语
2014/10/08 职场文书
房贷工资证明范本
2015/06/12 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书