美文网首页
js对象详解

js对象详解

作者: 向布谷鸟说早安 | 来源:发表于2017-02-10 14:59 被阅读16次

一js是基于对象的语言

(java,python面向对象)
属性
方法
属性和方法属于谁,谁就是当前对象,this指向当前对象
类型的实例是对象

//对象的属性和方法
var date = new Date();
document.write(date.getFullYear());
//输出2017
//1
date.name="我是日期";
date.show=function(){
  document.write("这是日期对象的show方法");
}
date.show();//输出 这是日期对象的show方法
//2
date.name="我是日期";
date.show=function(){
  document.write(this.name);
}
date.show();//输出 我是日期

//变量和函数
//1
var str = "一个字符串";
fuction showStr(){
  document.write(str+"<br/>");
}
showStr();//输出 一个字符串
//2
var str = "一个字符串";
fuction showStr(){
  document.write(window.str+"<br/>");
}
window.showStr();//输出 一个字符串

二创建对象的四种方式

1.object原生引用类型
一般用来作为数据的

var user = new Object
user.name="张三";
user.pwd="123456";
user.showInfo=function(){
document.write(this.name+"-"+this.pwd);
}
user.showInfo();//张三-123456

2对象字面量
当自己定义了一个函数需要大量可选参数时

var user = {
name:"张三",
pwd:"123456",
showInfo:function(){
document.write(this.name+"-"+this.pwd);
}
};
user.showInfo();//张三-123456
//下面这种方式和object一样
var user2={};
user2.name="张三";
user2.pwd="123456";
user2.showInfo=function(){
document.write(this.name+"-"+this.pwd);
}//张三-123456

<strong> 以上两种方式都是创建一个对象,如何创建多个对象?</strong>
3工厂模式——通过函数封装创建对象的细节

function createUser(name,pwd){
   var user=new Object();
  user.name=name;
 user.pwd=pwd;
user.showInfo=function(){
  document.write(this.name+"-"+this.pwd);
}

var user1=createUser("张三","123456");
var=createUser("张三","123456");

}

相关文章

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript的Number对象

    js内置对象之Number Number 对象的属性 Number对象的方法 Number方法详解 Number....

  • js对象详解

    一js是基于对象的语言 (java,python面向对象)属性方法属性和方法属于谁,谁就是当前对象,this指向当...

  • js Date对象详解

    1、建立时间对象:可获取年,月,日,星期,时,分,秒 2、获取时间戳 3、时间转换公式 4、js格式化日期

  • JS对象创建详解

    转自http://driftcloudy.iteye.com/blog/949318 下面是JS的一个面试题 答案...

  • JS面向对象详解

    写在前面 既然是浅谈,就不会从原理上深度分析,只是帮助我们更好地理解... 面向对象与面向过程 面向对象和面向过程...

  • JS window对象详解

    window 是客户端浏览器对象模型的基类,window 对象是客户端的全局对象。一个 window 对象实际上就...

  • 最详尽的 JS 原型与原型链终极详解记录

    该文章来自于最详尽的 JS 原型与原型链终极详解,没有「可能是」的学习总结 一:对象的分类 JS中对象分为两种,函...

  • Web前端------JS原型、原型链详解

    转载至: JS原型链详解JS是基于对象的语言,原型对象是其模拟面向对象的一种方式,关于原型有两种表现形式:一种是p...

  • JavaScript的几个高级应用

    正则表达式在JS中的应用 RegExp内置对象详解 MDN-JS-RegExp 中文文档有几个正则符号需要特别注意...

网友评论

      本文标题:js对象详解

      本文链接:https://www.haomeiwen.com/subject/fqvgittx.html