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 相关文章推荐
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
Jun 12 Javascript
JS实现简单的图书馆享元模式实例
Jun 30 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
nuxt+axios解决前后端分离SSR的示例代码
Oct 24 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
微信小程序实现可长按移动控件
Nov 01 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
咖啡的化学
2021/03/03 咖啡文化
PHP 手机归属地查询 api
2010/02/08 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
php实现的用户查询类实例
2015/06/18 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
Node.js Sequelize如何实现数据库的读写分离
2016/10/23 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
关于JavaScript中异步/等待的用法与理解
2020/11/18 Javascript
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
python中format函数如何使用
2020/06/22 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
酒店人事主管岗位职责
2015/04/11 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js