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 相关文章推荐
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 Javascript
使用正则表达式的格式化与高亮显示json字符串
Dec 03 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
javascript函数特点实例分析
May 14 Javascript
详解JavaScript基于面向对象之继承实例
Dec 16 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
jquery实现数字输入框
Feb 22 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 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
基于php常用正则表达式的整理汇总
2013/06/08 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
js 图片等比例缩放代码
2010/05/13 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
jQuery鼠标事件总结
2016/10/13 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
js微信分享实现代码
2020/10/11 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
微信小程序实现签到弹窗动画
2020/09/21 Javascript
web.py中调用文件夹内模板的方法
2014/08/26 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
python中selenium库的基本使用详解
2020/07/31 Python
python实现自动打卡的示例代码
2020/10/10 Python
python多线程爬取西刺代理的示例代码
2021/01/30 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
高中的自我鉴定
2013/12/16 职场文书
面料业务员岗位职责
2013/12/26 职场文书
党员干部承诺书
2014/03/25 职场文书
保护环境倡议书100字
2014/05/19 职场文书
项目负责人任命书
2014/06/04 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
教师党的群众路线对照检查材料
2014/09/24 职场文书
湘江北去观后感
2015/06/15 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
golang 在windows中设置环境变量的操作
2021/04/29 Golang
vue的项目如何打包上线
2022/04/13 Vue.js
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技