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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
Feb 17 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
关于vue路由缓存清除在main.js中的设置
Nov 06 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网站基础优化方法小结
2008/09/29 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
js 获取Listbox选择的值的代码
2010/04/15 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
js复制到剪切板的实例方法
2013/06/28 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
vue中的循环对象属性和属性值用法
2020/09/04 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
python使用rsa加密算法模块模拟新浪微博登录
2014/01/22 Python
Python实现 多进程导入CSV数据到 MySQL
2017/02/26 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
Python中如何添加自定义模块
2020/06/09 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
销售员求职个人的自我评价
2014/02/19 职场文书
大学生社会实践方案
2014/05/11 职场文书
教导处教学工作总结
2015/08/12 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python
Python基本知识点总结
2022/04/07 Python
Python基本的内置数据类型及使用方法
2022/04/13 Python
Golang map映射的用法
2022/04/22 Golang