详解JavaScript函数对象


Posted in Javascript onNovember 15, 2015

函数

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

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();

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

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

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

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

Javascript 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
JS中==与===操作符的比较
Mar 21 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
json传值以及ajax接收详解
May 24 Javascript
jQuery操作cookie
Aug 08 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
面包屑导航详解
Dec 07 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
详解js访问对象的属性和方法
Oct 25 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 #Javascript
深入浅析JavaScript中prototype和proto的关系
Nov 15 #Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 #Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 #Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 #Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 #Javascript
js读取并解析JSON类型数据的方法
Nov 14 #Javascript
You might like
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php无限遍历文件夹示例分享
2014/03/04 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
selenium2.0中常用的python函数汇总
2019/08/05 Python
Python使用matplotlib绘制Logistic曲线操作示例
2019/11/28 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
绿色环保口号
2014/06/12 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
旷工辞退通知书
2015/04/17 职场文书
领导视察通讯稿
2015/07/18 职场文书
2016年学校招生广告语
2016/01/28 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS