文档章节

JS 创建对象的5种写法

BeGit
 BeGit
发布于 2017/04/26 09:50
字数 175
阅读 9
收藏 0

//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area()

 

 

  1. //第1种写法    
  2. function Circle(r) {    
  3.       this.r = r;    
  4. }    
  5. Circle.PI = 3.14159;    
  6. Circle.prototype.area = function() {    
  7.   return Circle.PI * this.r * this.r;    
  8. }    
  9.     
  10. var c = new Circle(1.0);       
  11. alert(c.area());     

 

[javascript] view plain copy

  1. //第2种写法    
  2. var Circle = function() {    
  3.    var obj = new Object();    
  4.    obj.PI = 3.14159;    
  5.        
  6.    obj.area = function( r ) {    
  7.        return this.PI * r * r;    
  8.    }    
  9.    return obj;    
  10. }    
  11.     
  12. var c = new Circle();    
  13. alert( c.area( 1.0 ) );    

 

[javascript] view plain copy

 

  1. //第3种写法    
  2. var Circle = new Object();    
  3. Circle.PI = 3.14159;    
  4. Circle.Area = function( r ) {    
  5.        return this.PI * r * r;    
  6. }    
  7.     
  8. alert( Circle.Area( 1.0 ) );    

 

[javascript] view plain copy

 

  1. //第4种写法    
  2. var Circle={    
  3.    "PI":3.14159,    
  4.  "area":function(r){    
  5.           return this.PI * r * r;    
  6.         }    
  7. };    
  8. alert( Circle.area(1.0) );    

 

[javascript] view plain copy

  1. //第5种写法    
  2. var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}");    
  3.     
  4. alert( (new Circle()).area(1.0) );    

本文转载自:http://blog.csdn.net/inuyasha1121/article/details/46688349

共有 人打赏支持
BeGit
粉丝 19
博文 92
码字总数 70143
作品 0
顺义
后端工程师
私信 提问
如何判断Javascript对象是否存在

举例来说,请考虑以下情况。 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下:   if (myObj不存在){     声明myObj;   } 你可能...

董广明
2014/02/25
0
2
JavaScript OOP 创建对象的7种方式

我写JS代码,可以说一直都是面向过程的写法,除了一些用来封装数据的对象或者jQuery插件,可以说对原生对象了解的是少之又少。所以我拿着《JavaScript高级程序设计 第3版》恶补了一下,这里坐...

吕亚辉
2015/06/07
0
0
JavaScript初学者应注意的七个细节

每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学...

solu
2011/01/11
0
3
三种简单写法教你Javascript对象封装

这里的内容没有太多深入的东西,更多的内容请移步麦子学院。 Javascript在HTML中变得越来越强大, HTML5中的WebGL等。但是我们书写Javascript的时候往往很随意,使用对象的封装是极好的。这里...

yexiaobo1990
2015/07/23
0
0
[JavaScript]-JavaScript的this原理.

一、问题的由来 学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。 这种...

xiaoLoo
2018/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

前嗅ForeSpider教程:采集黄页88

以黄页88为例,采集当前列表页新闻的正文数据: 第一步:新建任务 ①点击左上角“加号”新建任务,如图1: 【图1】 ②在弹窗里填写采集地址,任务名称,如图2: 【图2】 ③点击下一步,选择进...

forespider
12分钟前
1
0
Spring Cloud Alibaba基础教程:Nacos 生产级版本 0.8.0

昨晚Nacos社区发布了第一个生产级版本:0.8.0。由于该版本除了Bug修复之外,还提供了几个生产管理非常重要的特性,所以觉得还是有必要写一篇讲讲这次升级,在后续的文章中也都将以0.8.0版本为...

程序猿DD
20分钟前
1
0
HTML+CSS实现div的高度自适应填满剩余空间的7种方法

如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。 当下面内容不够时,在下面部分出现滚动条 有2种情况 1.上面内容的高度适应内容,只有2种方法(flex、quirks+table) 2.上面...

linsk1998
24分钟前
1
0
Oracle学习日志-8(查询结果排序)

要用到的表如下 书上写到,上面的查询结果排序是随机的,再执行几次结果可能不同,但是我执行多次后,查询结果的排序都是如此,是因为oracle的默认处理方式是按照物理储存顺序查询的,而我在...

白话
30分钟前
1
0
Data truncation: Incorrect datetime value: '0000-00-00 00:00:00' for column xxx

1. 错误提示 Data truncation: Incorrect datetime value: '0000-00-00 00:00:00' for column xxx 2. 问题分析 从上面的描述我们可以看出原因是:我们给类型是datetime的xxx字段赋值0000-00......

易冥天
32分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部