当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js面向对象类和对象

发表于: 2014-12-13   作者:百合不是茶   来源:转载   浏览:
摘要: 接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对

接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似

 

下面介绍一些js的类和对象的创建的技术

 

一:类和对象的调用

 var obj={
	   'id':2,
	   'name':'王珂',
	   'sex':'男'
	 };
	 
	alert(obj.name+" "+obj.id);

 

二:函数创建对象  this指当前类的属性与java相似(原型模式)

//简单对象的创建
    function  myObj(){
	   this.id=1;
	   this.name="王文";
	}
	var b =new myObj();
	//alert(" 对象"+b.id+" "+b.name);

 

 三:构造函数创建类和对象(构造函数模式)

 

	//根据类的属性创建对象
	function createPerson(id,name,sex){
	  this.id=id;
	  this.name=name;
	  this.sex=sex;
	  this.syName=function(){
	      // alert("函数的属性是:"+this.name);
	  }
	}
	//alert(obj.id+""+obj.name+""+obj.sex);
//创建对象
	var person=new  createPerson(obj.id,obj.name,obj.sex);
	//alert("对象的结果是:"+person.id+""+person.name+""+person.sex);
//对象调用	类中的匿名函数
person.syName();

 

 

 四:两次输出的结果都是一样

function Person(name,age,job){ 
         this.name = name; 
	 this.age=age;
         this.job = job; 
         this.sayName = function(){ 
	alert(this.name); 
	}; 
	} 
	
	Person("ansel","30","male"); 
        Person("tanya","30","female"); 
	window.sayName(); 
	window.sayName(); 

 

 

发现两次弹出的都是ansel,这是因为不用new的话,就不是一个person的实例,而仅仅在执行函数。而在全局作用域调用一个函数时this总是指向Global对象。而Global对象在浏览器中就是window对象。

 

 

 

 

 

js面向对象类和对象

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
本章目标 了解面向对象的基本概念 了解面向对象的三个主要特征 掌握类与对象的关系 掌握类的定义 掌
本篇文章个人在上海喝咖啡的时候突然想到的...今天就有想写几篇关于类对象的博客,所以回家到之后就
对象和类的概念 对象:是具体的事物; 类:是对对象的抽象(abstract) 先有具体的对象,然后抽象各
public class Dog{ static String type;//狗的品种 String name;//狗的姓名 int age;//狗的年龄 pub
入门案例类: <?php //面向对象 //构造一个类 cat() class cat{ public $name; public $age; pub
背景: 在最开始学习JavaScript时,我们就知道,它是一种脚本语言,也有面向对象机制。但它的面向对
js通过prototype来实现继承,通过"new Constructor函数"创建新对象。js中的对象是什么?Array、Stri
DOJO中的面向对象   在JS中并没有Java等面向对象语言中常见的类(class)的概念。也就是说,JS
js面向对象 【一】 面向对象的基本概念   面向对象的英文全称叫做Object Oriented,简称OO。OO其
一、类是面向对象课程的基本单元。 在类的里面可以直接定义字段(成员变量),也可以定义方法(函数
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号