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获取选中radio对应的值(一句代码)
Jun 03 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
javascript中this用法实例详解
Apr 06 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
Oct 12 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
jQuery的三种$()
2009/12/30 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
angularJS之$http:与服务器交互示例
2017/03/17 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
详解python的webrtc库实现语音端点检测
2017/05/31 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
pymysql的简单封装代码实例
2020/01/08 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
英国假发网站:Hothair
2018/02/23 全球购物
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
财务会计自荐信范文
2014/02/21 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
安全演讲稿开场白
2014/08/25 职场文书
2015入党自荐书范文
2015/03/05 职场文书
房地产销售员岗位职责
2015/04/11 职场文书