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 CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
不使用jquery实现js打字效果示例分享
Jan 19 Javascript
javascript制作2048游戏
Mar 30 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
node-http-proxy修改响应结果实例代码
Jun 06 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 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
第五节--克隆
2006/11/16 PHP
7个超级实用的PHP代码片段
2011/07/11 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
js运动应用实例解析
2015/12/28 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
在Python中调用ggplot的三种方法
2015/04/08 Python
Python过滤列表用法实例分析
2016/04/29 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
后勤服务中心总经理工作职责
2014/03/03 职场文书
公休请假条
2014/04/11 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python