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 相关文章推荐
js 无提示关闭浏览器页面的代码
Mar 09 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
javascript实现仿百度图片的瀑布流加载效果
Apr 20 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
JS遍历页面所有对象属性及实现方法
Aug 01 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
Oct 25 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
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实现简单实用的分页类代码
2016/04/08 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
JS常用知识点整理
2017/01/21 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
python相似模块用例
2016/03/04 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
python实现电子产品商店
2019/02/26 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
中间件分为哪几类
2016/09/18 面试题
空乘英文求职信
2014/04/13 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
2014年车间工作总结
2014/11/21 职场文书
校友回访母校寄语
2015/02/26 职场文书
繁星春水读书笔记
2015/06/30 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
vue特效之翻牌动画
2022/04/20 Vue.js