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 keycode总结
Feb 04 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
新手常遇到的一些jquery问题整理
Aug 16 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
ECMAScript6快速入手攻略
Jul 18 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
JS制作简易计算器的实例代码
Jul 04 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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
javascript 自动填写表单的实现方法
2010/04/09 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
初学者AngularJS的环境搭建过程
2017/10/27 Javascript
javaScript实现游戏倒计时功能
2018/11/17 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
Windows下安装python MySQLdb遇到的问题及解决方法
2017/03/16 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
如何用Python徒手写线性回归
2021/01/25 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
解释一下抽象方法和抽象类
2016/08/27 面试题
酒店人事专员岗位职责
2013/12/19 职场文书
三查三看党性分析材料
2014/02/18 职场文书
教师读书活动总结
2014/05/07 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
2014年科协工作总结
2014/12/09 职场文书
新郎接新娘保证书
2015/05/08 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android