Object类型

对象字面量表示法:

var person={
name:"Nicholas",
age:29,
5:true
};

这人例子会创建一个对象,包含三个属性:name,age和5。但这里的数值属性名会自动转换为字符串。
对象属性的访问:点表示法和方括号语法

alert(person["name"]); // "Nicholas"
alert(person.name); // "Nicholas"

从功能上看,这两种访问对象属性的方法没有任何区别,但方括号语法的主要优点是可以通过变量来访问属性,如:

var propertyName="name";
alert(person[propertyName]

如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法,如:

person["first name"]="Nicholas";

Array类型

在读取和设置数组的值时,要使用方括号并提供相应值的基本0的数字索引,如

var colors=["red","blue","green"];
alert(colors[0]); //显示第一项:red
colors[2]="black" //修改第三项
colors[3]="brown"; //新增第四项

如果设置某个值的索引超过了数组现有项数,如这个例子中的colors[3]所示,数组就会自动增加到该索引值加1的长度(就这个例子而言,索引是3,因此数组长度是4)
数组的length属性很有特点--它不是只读的。因此,通过设置这个属性,可以从数组的末尾移除项或向数组中添加项,如:

var colors=["red","blue","green"];
colors.length=2;
alert(colors[2]); //underfined

利用length属性也可以方便地在数组末尾添加新项,如下所示:

var colors=["red","blue","green"];
colors[colors.length]="black";
colors[colors.length]="brown";

数组排序
数组有sort()方法,接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。

function compare(value1,value2){
if(value1<value2)
return -1;
else if(value1>value2)
return 1;
else
return 0;
}var values=[0,1,5,15,10];
values.sort(compare);
alert(values); //0,1,5,10,15

对于数值类型或者其valueof()方法会返回数值类型的对象,可以使用一个更简单的比较函数

function compare(value1,value2)
return value2-value1;

操作方法
slice():能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice()方法返回从
该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项--但不包括结束位置的项。注意,slice()方法不会影响原始数组。例子:

var colors=["red","blue","green","yelllow","purple"];
var colors2=colors.slice(1); //blue,green,yelllow,purple
var colors3=colors.slice(1,4); // blue,green,yelllow

如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。例如,在一个包括5项的数组上调用slice(-2,-1)与调用slice(3,4)得到的结果相同。如果结束
位置小于起始位置,则返回空数组。

Date类型

在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和当前时间。
Date.UTC()的参数分别是年份,基于0的月份(一月是0,二月是1,以此类推),月中的哪一天(1到31),小时数(0到23),分钟,秒以及毫秒数。

var allFives=new Date(Date.UTC(2005,4,5,17,55,55)); //GMT时间2005年5月5日下午5:55:55

Date类型的valueOf()方法,不返回字符串,而是返回日期的毫秒表示。

Function类型

函数声明:

function sum(num1,num2){
return num1+num2;
}

函数表达式:

var sum=function sum(num1,num2){
return num1+num2;
};

第二种方法要在函数末尾加一个分号,就像声明其他变量时一样。
由于函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变更没有什么不同。换句话说,一个函数可能会有多个名字,如下面的例子:

function sum(num1,num2){
return num1+num2;
}
alert(sum(10,10)); //20var anotherSum=sum;
alert(anotherSum(10,10)); //20

sum=null;
alert(anotherSum(10,10)); //20

解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等
到解析器执行到它所在的代码行,才会真正被解析执行。请看下面的例子-

alert(sum(10,10));
function sum(num1,num2){
return num1+num2;
}

以上代码完全可以正常运行,因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。下面提等价的函数表达式:

alert(sum(10,10));
var sum=function sum(num1,num2){
return num1+num2;
};

以上代码之所以会在运行期间产生错误,原因在于函数位于一个初始化的语句中,而不是一个函数声明。换句话说,在执行到函数所在语句之前,变更sum中不会保存有对函数的引用 。

函数内部属性

在函数内部,有两个特殊的对象:arguments和this.其中,arguments,它是一个类数组对象,包含着传入函数中的所有参数。虽然arguments的主要用途就是保存函数参数,但这个对象
还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。请看下面这个非常经典的阶乘函数。

function factorial(num){
if(num<=1){
return 1;
}else{
return num*factorial(num-1);
}
}

定义阶乘函数一般都要用到递归算法;如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。但问题是这个函数的执行与函数名factorial紧
紧耦合在了一起。为了消除这种紧耦合,可以像下面这样使用arguments.callee。

function factorial(num){
if(num<=1){
return 1;
}else{
return num*arguments.callee(num-1);
}
}

this引用的是函数据以执行的环境对象

函数方法

每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内的this对象的值。
首先,apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是Array的实例,也可以是arguments对象。例如:

function sum(num1,num2){
return num1+num2;
}function callSum1(num1,num2){
return sum.apply(this,arguments); //传入arguments对象
}function callSum2(num1,num2){
return sum.apply(this,[num1,num2]); //传入数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20

call方法与apply方法的作用相同,它们的区别仅在于接收参数的方式不同。对于call()方法而言,第一个参数this值没有变化,变化的是其余参数都要直接传递给函数。换句
话说,在使用call()方法时,传递给函数的参数必须逐个列举出来,如下面所示:

function sum(num1,num2){
return num1+num2;
}function callSum(num1,num2){
return sum.call(this,num1,num2); //传入arguments对象
}
alert(callSum(10,10)); //20

事实上,传递参数并非apply()和call()真正的用武之地;它们真正强大的地方是能够扩充函数赖于运行的作用域。下面来看个例子:

window.colors="red";
var o={colors:"blue"};function sayColor(){
alert(this.color);
}sayColor(); //red

sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o); //blue

基本包装类型

ECMScript还提供了3个特殊的引用类型:Boolean,Number和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。
引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型
的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。来看下面的例子:

var s1="some text";
s1.color="red";
alert(sl.color); //undefined

Object构造函数与会像工厂方法一样,根据传入值的类型返回相应基本包装类型的实例。如:

var obj=new Object("some text");
alert(obj instanceof String); //true

Boolean类型

var falseObject=new Boolean(false);
var result=falseObject&&true;
alert(result) ; //truevar falseValue=false;
result=falseValue&&true;
alert(result);

在这个例子中,我们使用false值创建了一个Boolean对象。然后,将这个对象与基本类型值true构成了逻辑与表达式。在布尔运算中,false&&true等于false。可就,示例中的这行代码是对falseObject而不是对它的值(false)进行求值。前面讨论过,布尔表达式中的所有对象都会被转换为true,因此falseObject对象在布尔表达式中代表的就是true

Number类型

toFixed()方法会按照指定的小数位返回数值的字符串表示,如:

var num=10;
alert(num.toFixed(2)); //10.00

在全局作用域中声明的所有变更和函数,都成为window对象的属性。

Math对象

Math.ceil()执行向上舍入,它总是将数值向上舍入为最接近的整数。
Math.floor()执行向下舍入,它总是将数值向下舍入为最接近的整数。
Math.round()执行标准舍下,即四舍五入为最接近的整数

转载于:https://www.cnblogs.com/Gyoung/p/3784875.html

JavaScript高级程序设计学习笔记--引用类型相关推荐

  1. JavaScript高级程序设计学习笔记(三)

    分享一下第五章(引用类型)的笔记,内容比较多,我拆成了两部分,今天这部分是关于Object.Array.Date和RegExp类型的. 以下的笔记是书上一些我以前学习的时候,没有太重视的js基础知识, ...

  2. javascript高级程序设计学习笔记

    javascript高级程序设计,当枕头书已经好久了~zz  现在觉得自己在js的开发上遇到了一些瓶颈,归根究底还是基础太薄弱,所以重新刷一遍js高程希望有更新的认识. 一.javascript简介 ...

  3. javascript高级程序设计 学习笔记 第五章 上

      第五章   引用类型的值(对象)是引用类型的一个实例.在 ECMAScript 中,引用类型是一种数据结构, 用于将数据和功能组织在一起.它也常被称为类,但这种称呼并不妥当.尽管 ECMAScri ...

  4. JavaScript高级程序设计--学习笔记(第六章)

    文章目录 第六章 面向对象的程序设计 1. 理解对象 1.1 属性类型 1.2 定义多个属性 1.3 读取属性的特性 2. 创建对象 2.1 工厂模式 2.2 构造函数模式 2.3 原型模式 2.4 ...

  5. JavaScript高级程序设计学习笔记二(在HTML中使用JavaScript)

    在 HTML 中使用 JavaScript 在html中使用JavaScript脚本有两种方式一种是嵌入在HTML中的脚本,另一种是引入外部的脚本.两种方式都离不开<script>元素. ...

  6. JavaScript高级程序设计学习笔记第二十章--JSON

    1.JSON:JavaScript Object Notation, JavaScript 对象表示法. 2.最重要的是要理解它是一种数据格式,不是一种编程语言.虽然具有相同的语法形式,但 JSON ...

  7. JavaScript高级程序设计---学习笔记(四)

    1.全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以. var age = 29;window.color = "red";delete age;/ ...

  8. JavaScript高级程序设计学习笔记--事件

    HTML事件处理程序 <input type="button" value="Click Me" onclick"showMessage()&q ...

  9. JavaScript高级程序设计学习笔记--DOM

    DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口). Document类型 文档的子节点 虽然DOM标准规定Document节点的子节点可以是DocumentType,Ele ...

最新文章

  1. matlab在测量数据处理中的应用,MATLAB在测量数据处理中的应用
  2. Java项目构建基础:统一结果,统一异常,统一日志(好文推荐)
  3. 双 11 的狂欢,干了这碗「流量防控」汤
  4. 设置默认settings文件_Django 学习笔记系列 之 settings.py 设定
  5. python使用缩进来体现代码之间的逻辑关系-python使用缩进来体现代码之间的逻辑关系吗?...
  6. Activiti实战. 导读
  7. boost::locale::generator用法的测试程序
  8. Activiti 中的 命令模式与责任链模式
  9. 计算机本地无法连接失败怎么办,本地连接连不上怎么办?本地连接连不上解决方法...
  10. Thymeleaf前后端传值 页面取值与js取值
  11. script-百度换肤效果
  12. 性能优化总结(三):聚合SQL在GIX4中的应用
  13. Windows All 系统下载
  14. fgo国服登陆显示服务器错误,命运冠位指定安装失败怎么办 FGO国服安装失败解决办法...
  15. Tensorflow图像识别-2
  16. figure元素和figcaption元素
  17. Halcon Qt 环境一次性配置
  18. 如何做一个靠谱的产品经理
  19. SSL weak ciphers 漏洞修复过程
  20. 3D激光雷达SLAM算法学习03——前端里程计方案

热门文章

  1. Spring框架入门基础,不可多得的干货
  2. Android性能优化之APK优化,内容太过真实
  3. 洛谷P3368 【模板】树状数组 2(Python和C++代码)
  4. 【机器学习入门到精通系列】插值与拟合
  5. 机器学习(MACHINE LEARNING)多属性决策模型
  6. c语言课程设计走迷宫游戏,C语言课程设计-迷宫游戏.doc
  7. iconfont图标_小程序使用 Iconfont 的正确姿势
  8. 网络营销推广软件浅析外链怎么做才更“香”,才能促进网站自然有首页排名?...
  9. 网络营销外包——网络营销外包专员是如何提升网站权重数值的?
  10. 浅析建设企业网站的三大基本类型