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 相关文章推荐
让网页根据不同IE版本显示不同的内容
Feb 08 Javascript
js 中{},[]中括号,大括号使用详解
May 12 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
js实现图片拖动改变顺序附图
May 13 Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 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+mysql 实现身份验证代码
2010/03/24 PHP
php目录操作实例代码
2014/02/21 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
Ext 今日学习总结
2010/09/19 Javascript
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
2013/09/06 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python2与Python3的区别实例总结
2019/04/17 Python
python实现文件的备份流程详解
2019/06/18 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
导购员的岗位职责
2014/02/08 职场文书
企业公益活动策划方案
2014/08/24 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
泰坦尼克号观后感
2015/06/04 职场文书
培训简讯范文
2015/07/20 职场文书
导游词之长城八达岭
2019/09/24 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB