详解JavaScript函数对象

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

function One(leve , leve){
  //code
  return leve+leve
 }

注释：

　　形参不需要加上类型；

　　return语句为可选，没有return语句的函数返回undefined；　

局部变量与全局变量

　　在函数内声明：局部变量

　　在函数外声明：全局变量

　　向一个新变量名赋值时并没有使用var：这个变量会变为新的全局变量

函数可以作为值

　　形式1：

 function init(){
  alert("One")
 }
 window.onload = init;

　　形式：

window.onload = function(){
  alert("One");
 }

注：以上两种方式，都能让浏览器提示：One。

对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数，此外，JavaScript 允许自定义对象。

对象的引用

　　将一个对象赋至变量时，这个变量会包含这个对象的一个引用，而不是对象本身。

　　调用一个函数传入对象时，实际上是只传递了对象引用（拷贝一份引用副本，传给形参，指向对象，即两个引用指向了同一对象）

创建对象

 var dog = {
  name : "myDog",
  weight : ,
  bark :function(){
   alert("woof!");
  }
 }
 dog.bark();

注：每一个属性（除了最后一个）后都要有“,”。

构造函数构造对象

function Dog(name,weight){
  this.name = name;
  this.weight = weight;
  this.bark = function(){
   if(this.weight > ){
    alert(this.name + "Woof!");
   }else{
    alert(this.name + "Yip!");
   }
  };//这里也不能忘了分号
 }
 var myDog = new Dog("hello","");
 myDog.bark();

PS：

1.什么是构造函数

　　构造函数 ，是一种特殊的方法。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。

　　这是我查阅相关资料的解释，解释的很书本化但意思表达的还是很清楚的。下面请看小例子：

　　 代码如下:

　

代码如下:

　var request = new XMLHttpRequest();

　　这句表达式是我们在使用AJAX技术时创建request对象时经常用到的。那么我们可以清楚的看到 “new XMLHttpRequest();” 这句话就是一个标准的构造函数!我们 “var” 声明了一个 “request” 对象，用构造函数 “new XMLHttpRequest();” 来初始化这个 “request” 对象为它赋初始值。所以我们可以知道：“与 ‘new' 运算符一起使用用来创建对象并初始化对象的‘函数'就是构造函数”。

　　比如我们常见的声明数组就是标准的构造函数：var array = new Array();

　　2.什么是实例化对象

　　代码如下:

var request = new XMLHttpRequest();

　　在面向对象的编程中，通常把用类创建对象的过程称为实例化。

　　上面我用红色和蓝色将解释的重点标了出来。说白了，实例化对象就是创建对象的过程!

　　那么什么是“类”呢?根据字面理解我们可以理解为“类型”。比如“蛋糕”，它是一个甜品的分类，也就是一个类型;那么起司蛋糕则是甜品中蛋糕这个分类的具体的个体，也就是对象。

　　我们知道在程序语言中，“类”是抽象的，我们没有办法来操作它或使用它的方法和属性，只有把这个类实例化成为一个对象，我们才可以去调用它的一系列方法和属性。其实这个也很好理解，在生活中抽象的东西我们没有办法看到它或者捕捉到它，那么自然我们也没有办法去使用它的一些功能，只有将抽象的东西具体到一个个，个体或实际的对象，我们才能清楚的理解或者认识它;编程亦是如此。因此，实例化对象就是由抽象到具体的过程，这个过程就叫实例化。

赞 (0)

相关推荐

  • javascript 构造函数方式定义对象

    javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 复制代码 代码如下: <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username"]="

  • 不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象

    JavaScript中的对象模型(object model)并不广为人知.我曾写过一篇关于他们的博客.之所以不被人所熟知,原因之一就是JavaScript是这些被人广泛使用的语言中唯一一个通过原型(prototype)来实现继承的.但是,我认为另一个原因就是这种对象模型非常复杂,难于解释.它为什么这么复杂并且又令人困惑呢?那是因为JavaScript试图去隐藏它传统的面向对象的特性--最终导致了它的双重人格(译者注:作者意思是JavaScript既有面向过程的特征,又有面向对象的特征). 我认为

  • Javascript面向对象编程（三） 非构造函数的继承

    今天是最后一个部分,介绍不使用构造函数实现"继承". 一.什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人". 复制代码 代码如下: var Chinese = { nation:'中国' }; 还有一个对象,叫做"医生". 复制代码 代码如下: var Doctor ={ career:'医生' } 请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个&

  • JavaScript面向对象设计二 构造函数模式

    我们将使用构造函数模式将工厂模式进行改写. 复制代码 代码如下: function Employee(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function () { alert(this.name); }; } var Jim = new Employee("jim", 22, "SoftWare Engineer"); var Sun

  • javascript设计模式之对象工厂函数与构造函数详解

    下面通过文字详解加代码分析的方式给大家分享下javascript设计模式之对象工厂函数与构造函数的相关知识. 概述使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法.然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象.1).使用工厂函数创建对象我们可以编写一个函数,此函数的功能就是创建对象,可将其. 概述 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法. 然而,除了这两种常用的对象创建方式,JavaScript还提

  • 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解

    继承的方式 ECMAScript 实现继承的方式不止一种.这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的.这意味着所有的继承细节并非完全由解释程序处理.作为开发者,你有权决定最适用的继承方式.最原始的继承实现方式就是对象冒充,下面着重介绍该方法. 对象冒充 对象冒充实现继承的核心其实依赖于在函数环境中使用 this 关键字.其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数,所以可使 Class

  • JavaScript 构造函数 面相对象学习必备知识

    复制代码 代码如下: function A(x) { this.x = x; } var obj = new A(5); alert(obj.x); 这段代码十分简单,但是我们重要的是看到了一个十分惊讶的结果,obj被我们赋予了一个属性x,就如同我们在C#中使用某个类的实例的时候一样.那么这个属性是怎么样产生的呢? 关键语句:this.x=x.这句话就是进行一个属性的申明与赋值,这里,我们肯定会问到,this是什么?为什么可以使用this.x来进行申明与赋值属性呢? 其实this代表的就是我们刚

  • 深入理解javascript构造函数和原型对象

    深入理解javascript构造函数和原型对象

    常用的几种对象创建模式 使用new关键字创建 最基础的对象创建方式,无非就是和其他多数语言一样说的一样:没对象,你new一个呀! var gf = new Object(); gf.name = "tangwei"; gf.bar = "c++"; gf.sayWhat = function() { console.log(this.name + "said:love you forever"); } 使用字面量创建 这样似乎妥妥的了,但是宅寂的

  • 浅谈javascript构造函数与实例化对象

    前言--讲在前面 我想有很多以前很少接触后台编程语言的初学者朋友跟我一样,对javascript里面一系列的"名词"搞的一头雾水.好像大概知道讲的是什么,但其实理解的还是不清楚:我想,学习任何一种知识,首当其冲应该把最基本的名词解释搞清楚(知道它讲的到底是什么,有助于我们更好的理解它.)即知其然知其所以然,这样对以后的进阶学习是很有帮助的.下面的简单讲一下我自己对这样一些看似不重要但又不得不清楚的知识点的理解.(若有出入,欢迎指正) 1.什么是构造函数 构造函数 ,是一种特殊的方法.主

  • javascript 静态对象和构造函数的使用和公私问题

    先看: 复制代码 代码如下: var objJson={ op1:'objJson option1', fn1:function(){ alert(this.op1) } } 在这种形式的声明下,你可以通过objJson.op1或者objJson.fn1()来直接访问内部的属性,这没有问题.但是如果是这样: 复制代码 代码如下: var objFn=function(){ this.op1='objFn.op1'; this.op2=function(){ alert(this.op1) };

  • Javascript面向对象编程（二） 构造函数的继承

    今天要介绍的是,如何生成一个"继承"多个对象的实例. 比如,现在有一个"动物"对象的构造函数, 复制代码 代码如下: function Animal(){ this.species = "动物"; } 还有一个"猫"对象的构造函数, 复制代码 代码如下: function Cat(name,color){ this.name = name; this.color = color; } 怎样才能使"猫"继承&

随机推荐