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字符串删除重复字符的方法
Dec 25 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
浅析Node.js实现HTTP文件下载
Aug 05 Javascript
js中string和number类型互转换技巧(分享)
Nov 28 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
Vue微信公众号网页分享的示例代码
May 28 Javascript
JS实现躲避粒子小游戏
Jun 18 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
vue组件入门知识全梳理
Sep 21 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 Javascript
JavaScript实现网页跨年倒计时
Dec 02 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实现ping
2006/10/09 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
javascript 获取表单file全路径
2009/12/31 Javascript
JavaScript 题型问答有答案参考
2010/02/17 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
javascript深拷贝(deepClone)详解
2016/08/24 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
Vue Socket.io源码解读
2018/02/07 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
[01:00:13]完美世界DOTA2联赛 LBZS vs Forest 第一场 11.07
2020/11/09 DOTA
Python完全新手教程
2007/02/08 Python
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
在Django的URLconf中进行函数导入的方法
2015/07/18 Python
Python函数式编程
2017/07/20 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
敏捷开发的主要原则都有哪些
2015/04/26 面试题
素质拓展感言
2014/01/29 职场文书
工程承包协议书
2014/04/22 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS