JavaScript_object基础入门(必看篇)


Posted in Javascript onJune 13, 2016

之前写Java时老是有点蒙,大部分都是用jQuery,但原理还不是很清楚,最近一段时间在系统的学习JavaScript,有什么问题或错误请指出,多谢.....................

Object所有类的基础类

var obj = new Object();
var obj = {}; //实例化对象
给对象设置属性分为两种:

1.使用直接量的方式:对象.属性/方法,这种方式直观、易懂

obj.name = '张三';
obj.age = 20;
obj.sex = '男';
obj.say = function(){
alert("hello World");
}

2.使用 "[]" 的方式:对象.['属性/方法'],当使用这种方法时,括号内必须加"" 或 '',方式比较严格

obj['birthday'] = '1989-08-07';

获取对象的属性或者方法:对象.属性名/方法
alert(obj.name); // 张三
alert(obj.age); // 20
obj.say(); // hello World

delete 操作符 删除对象的属性或方法的
delete obj.age;
delete obj.say;
alert(obj.age);  //undified
alert(obj.sex);  //20
obj.say();   //报错,函数已被删除

遍历一个js对象,for in 语句

for(var attr in obj){
alert(attr + ":" + obj[attr]); //会按顺序将数组中的键值对打印,主要值,如果用对象.属性得到undified
}

Constructor保存对象的创建函数
alert(obj.constructor);
var o = [];
alert(o.constructor);

hasOwnProperty(propertyName) 用于检测给定属性在对象中是否存在,返回boolean类型,在项目中有时会用到,需留意
var i = {};
i.sex = '男';
alert(i.hasOwnProperty('sex')); //true
alert(i.hasOwnProperty('age')); //false

propertyIsEnumerable(propertyName)检测给定的属性是否能被for in 所枚举出来,返回boolean
alert(i.propertyIsEnumerable('age')); //false 上面没有定义此属性

以上这篇JavaScript_object基础入门(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
jQuery实现判断滚动条到底部
Jun 23 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
Feb 09 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
微信小程序自定义模态弹窗组件详解
Dec 24 Javascript
小程序开发之模态框组件封装
Apr 23 Javascript
js 连续赋值的简单实现
Jun 13 #Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 #Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 #Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 #Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 #Javascript
JavaScript解八皇后问题的方法总结
Jun 12 #Javascript
jQuery遍历json的方法(推荐)
Jun 12 #Javascript
You might like
用PHP调用数据库的存贮过程!
2006/10/09 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
PHP new static 和 new self详解
2017/02/19 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
在Vue中使用Select选择器拼接label的操作
2020/10/22 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
Python 移动光标位置的方法
2019/01/20 Python
python里运用私有属性和方法总结
2019/07/08 Python
Python实现微信表情包炸群功能
2021/01/28 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
用HTML5实现手机摇一摇的功能的教程
2012/10/30 HTML / CSS
HTML5新增加的功能详解
2016/09/05 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
小学生爱国演讲稿
2014/04/25 职场文书
洗手间标语
2014/06/23 职场文书
幸福家庭标语
2014/06/27 职场文书
三严三实学习心得体会
2014/10/13 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
干部培训简讯
2015/07/20 职场文书
女儿满月酒致辞
2015/07/29 职场文书
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL