Java Script之创建对象

1. 使用new关键字调用构造器创建对象

使用new关键字调用构造器创建对象，这是最接近面向对象语言创建对象的方式，new关键字后紧跟函数的方式非常类似于Java中的new后紧跟着构造器方式，通过这种方式创建对象简单、直观。JavaScript中所有的函数都可以作为构造器使用，使用new调用函数后总可以返回一个对象。看下面的代码。

<script type="text/javascript">// 定义一个函数，同时也定义了一个Person类function Person(name , age){//将name、age形参赋值给name、age实例属性this.name = name;this.age = age;}// 分别以两种方式创建Person实例var p1 = new Person();var p2 = new Person('yeeku' , 29);// 输出p1的属性document.writeln("p1的属性如下:"+ p1.name + p1.age + "<br />");// 输出p2的属性document.writeln("p2的属性如下:" + p2.name + p2.age);
</script>

执行结果：

2. 使用Object直接创建对象

使用这种方法来创建对象，也是很简单的，我们来看一个，使用Object来创建对象，并且将一个已有的函数添加为对象的方法。

<script type="text/javascript">//创建空对象var myObj = new Object();//为空对象增加属性myObj.name = 'yeeku';myObj.age = 29;//创建一个函数function abc(){document.writeln("对象的name属性:" + this.name);document.writeln("<br />");document.writeln("对象的age属性:" + this.age);};//将已有的函数添加为对象的方法myObj.info = abc;document.writeln("<hr />");//调用方法myObj.info();
</script>

运行结果：

3. 使用JSON语法创建对象

JSON语法提供了一种更加简单的方式来创建对象，使用JSON语法可避免书写函数，也可避免使用new关键字，可以直接创建一个JavaScript对象。为了创建JavaScript对象，可以使用花括号，然后将每个属性写成“key:value”对的形式。

<script type="text/javascript">// 定义一个对象var person ={// 定义第一个简单属性name : 'wawa',// 定义第二个简单属性age : 29 ,// 定义第三个属性：数组schools : ['小学' , '中学' , "大学"],// 定义第四个属性，对象数组parents :[{name : 'father',age : 60,address : '广州'} ,{name : 'mother',age : 58,address : '深圳'}]};alert("first:"+person.parents[0].name+","+person.parents[0].age+","+person.parents[0].address + "\nsecond:"+person.parents[1].name+","+person.parents[1].age+","+person.parents[1].address);
</script>

执行结果：

Java Script之创建对象相关推荐

java script 对象
java script 对象 1.创建方式 1)通过字面量的形式创建例:var = stt{x:1,y:2,y:3}; 或:var = stt{ x:1, y:2, 'for':3 } 注意关键字必 ...
Java Script网页特效实例大全
Java Script网页特效实例大全 2009年06月27日 JavaScript是一种简洁的.面向对象的.跨平台的描述语言,是一种专门用来开发Internet客户端和服务端的应用程序.使用Java ...
Java Script
一.JavaScript 简介 1.介绍是网景(Netscape)公司开发的一种基于客户端浏览器.面向(基于)对象.事件驱动式的网页脚本语言. 脚本简单的说就是一条条的文字命令,并按照程序执行. J ...
屏蔽“网页上有错误”提示，屏蔽java script 错误的代码
<script> window.onerror=hide_error_message; function hide_error_message() {return true;} </ ...
java script 添加控件,【更新】GLG工具包Visualization and HMI Toolkit更新至v3.6，支持Java Script...
Visualization and HMI Toolkit的为开发高级图形的动态界面而设计的艺术化的框架:它不仅仅是简单的按键与菜单,它是全动态的能显示动态数据以及能反映用户互动的图片对象.它不仅仅是 ...
java script中==和===_Java Script 中 ==（Equal) 和 === (Identity Equal) 的区别和比较算法逻辑...
判断两个变量是否相等在任何编程语言中都是非常重要的功能. JavaScript 提供了 == 和 === 两种判断两个变量是否相等的运算符,但我们开始学习的时候 JavaScript 的时候,就被一遍 ...
java script error_java script error 错误解决方法
用了动易这么久了,有时一不小心改错模版文件或者修改相关的JS,就会导致页面出现一些奇怪了的弹出框说什么 java script error 错误,烦死了. 今天特别研究了下,找到了解决这类问题的 ...
java script的小基础
javascript是一种弱数据类型的脚本语言,这种语言呢,通常广泛的运用于web前端开发中,web前端开发由三个层面组成,第一层是结构,即是html,(hyper text markup langu ...
java script基础入门·2
java script基础入门2 方法声明 <script>function arr(a,b) {return a+b;}let sum=arr(11,12);window.documen ...
Java script 获取时间_java script时间代码 - 已解决 - 搜搜问问
java script时间代码 25 [ 标签:java, script, 时间代码 ] ˊ︷．鏡゛ 2009-01-07 18:20 要实现一个效果~ 页面上显示时间是某年某月某日某时时间自动增 ...

Java Script之创建对象

1. 使用new关键字调用构造器创建对象

2. 使用Object直接创建对象

3. 使用JSON语法创建对象

Java Script之创建对象相关推荐

最新文章

热门文章