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函数的4种调用方法详解
Apr 22 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
May 07 Javascript
Node.js实现兼容IE789的文件上传进度条
Sep 02 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
Apr 17 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
vue 项目引入echarts 添加点击事件操作
Sep 09 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/01/18 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
2015/11/09 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
前端框架Vue.js中Directive知识详解
2016/09/12 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
python 实现兔子生兔子示例
2019/11/21 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
以设计师精品品质提供快速时尚:PopJulia
2018/01/09 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
捐赠仪式主持词
2014/03/19 职场文书
简单租房协议书
2014/04/09 职场文书
公司副总经理任命书
2014/06/05 职场文书
消防工作实施方案
2014/06/09 职场文书
2015年财务工作总结范文
2015/03/31 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
入党培养人考察意见
2015/06/08 职场文书
SQL中的连接查询详解
2022/06/21 SQL Server