在JS中,一切东东其实都是对象
对象是组成JavaScript的基本单元,在JS中,一切东东其实都是对象,而且功能非常强大,它不仅风格独特,功能也与众不同。
一、引用(reference)
引用的概念是JS的基础之一,它是指向对象实际位置的指针。见下面的例子:
var items = new Array("abc","def","hig");
//创建此数组的引用
var Ref = items;
items.push("klm");
alert(Ref.lenth); //此处应该显示4
但是,如果是字符串,就会出现不同的情况,见下面的代码:
var items = "abc";
var Ref = items;
items += "def"; //这里创建了一个新对象,而非原对象的修改。
现在Ref与items指向的是不同的对象。
二、函数重载
JS的每个函数都有一个变量argument,它是接收所有参数的伪数组。为什么是“伪”,因为你不能修改它,但它有length属性。我们看看下面的例子:
function myFun(num1,num2)
{
if(arguments.length == 2) { alert("我有两个参数"); }
if(arguments.length == 1) { alert("我有一个参数"); }
}
接下来,我们调用函数myFun("abc"); myFun("abc","def");看看有什么不同,最重要的是,这本来就是函数重载嘛:)
三、作用域
在JavaScript里,作用域是由函数划分的,而不是由块(while,if,for)划分的。这样在理解有些代码时,可能会带来一些麻烦。为了对细节进行说明,我们看下面的例子:
var temp="oldTemp" //全局变量
if(true)
{
var temp = "newTemp" //这里还在全局中
}
alert(temp == "newTemp") //发现相等
但是如果我们在一个函数中声明并改变temp变量,效果则完全不同,见例子:
var temp="oldTemp" ; //全局变量
function test()
{
var temp = "newTemp";
}
test();
alert(temp == "newTemp") ; //发现不相等
在JS中,全局变量是window对象的一个属性,在上面的例子中,全局变量temp == window.temp,还有需要注意的是:如果某一个变量缺乏声明,就自动变为全局变量,虽然很可能它只在某个函数中使用。
四、闭包
闭包意味着内层的函数可以引用包围它的函数内的变量,即使外层函数已经终止。见下面的例子:
function AddNum(num1)
{
return function (num2)
{
return num1 + num2;
}
}
var temp = AddNum(4); //传入第一个参数,然后AddNum消失
var temp2 = temp(5); //传入第二个参数,然后相加,返回9
alert(temp2);
这个例子很好体现了闭包的概念,是一种特殊情况,平时当然不这么用。
五、上下文对象
上下文对象通过this变量进行体现,这个变量永远指向当前代码所处的对象中。见下面的代码:
var obj ={
yes:function(){
this.val = true;
},
no:function(){
this.val = false;
}
}
alert(obj.val == null); //这里我们发现对象obj没有val属性
obj.yes(); //执行yes函数,obj有了val属性
alert(obj.val == true); window.no = obj.no //把obj的no函数传给window对象
window.no();
alert(obj.val == true) ; //发现没有变化
alert(window.val == false) //window里的val变为false;
这里不太好理解,幸运的是,JS为我们提供了call方法。见下面的例子:
function changeColor(color)
{
this.style.color = color;
}
changeColor("Red"); //这里不行,因为window对象没有style属性
var temp = document.getElementById("temp");
changeColor.call(temp,"White"); //这里注意call的用法
call方法将上下文对象设置为第一个参数,并将其他参数作为原函数的参数。
六、对象
到这里我们才进入正题,但有了前面的概念,这也块内容其实也不是很多。我们直接看例子:
var obj = new Object(); //创建一个对象obj
obj.val = 5; //创建属性obj,并为其赋值
obj.click = function() //创建函数
{
alert("我被单击了");
}
上面的代码与下段代码等价:
var obj = {
val : 5,
click: function(){
alert("我被单击了");
}
}
与其他面向对象语言不同的是,JS并没有Class的概念,在其他语言中,我们基本都需要实例化某个具体类的实例,但JS里却不同,它的做法是:任何函数都可以被实例化为一个对象。我们首先创建一个简单的对象:
function User(name)
{
this.name = name;
}
var temp = new User("张三");
alert(temp.name);
如果上面的对象User只作为函数使用呢?
User("只作为函数使用");
alert(window.name);
this的上下文变成了window对象。
七、对象的方法
公共方法在对象的上下文中是最终用户可以接触到的。这里我们需要理解prototype(原型)属性。见下面的代码:
function User(name,age)
{
this.name = name;
this.age = age;
}
User.prototype.getName = function(){ return this.name};
var user = new User("张三",25);
alert(user.getName());
我们也可以动态创建公共方法,见下面的代码:
function User(name,age)
{
this.name = name;
this.age = age;
this.getName = function(){ return this.name};
} var user = new User("张三",25);
alert(user.getName());
动态生成的方法不是在代码第一次编译时就已经生成,这个技巧被利用prototype开销要大,但也更强大、更灵活。
在JS中,一切东东其实都是对象的更多相关文章
- js中Json字符串如何转成Json对象(4种转换方式)
js中Json字符串如何转成Json对象(4种转换方式) 一.总结 一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...
- js中把JSON字符串转换成JSON对象最好的方法
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...
- JS中new的自定义实现创建实例对象
我们都知道在JS中通常通过对象字面量和new关键字来创建对象,那么今天我就来给大家讲讲new是怎么创建实例对象的:首先创建一个构造函数: function Person(name,age){ this ...
- JS中的Map和Set实现映射对象
使用iterable内置的forEach方法 var a = ['A', 'B', 'C']; a.forEach(function (element, index, array) { // elem ...
- JS中的字符串可以直接调用字符串对象的属性和方法
在JS中,会自动在字符串与字符串对象之间进行转换,因此,任何一个字符串常量都可以看作是一个String对象,其可以直接作为对象使用,只要在字符串变量的后面加 “.” 便可以直接调用String对象的属 ...
- js 中调用 Object.prototype.toString()来检测对象的类型
1.使用toString()方法来检测对象类型 可以通过toString() 来获取每个对象的类型.为了每个对象都能通过 Object.prototype.toString() 来检测,需要以 Fun ...
- JS中的事件、数组、节点对象处理
在JS代码中编写事件一定要保证页面在浏览器中加载时会把事件加载进页面 事件:在代码中可以通过一个动作来触发另一个行为的总称 A:事件的编写方式1 HTML标签中添加 onxxxx = "函数 ...
- js 中onclick 事件 点击后指向自己的对象,查找或者添加属性 用关键字this 传入参数 (可以改变原标签css)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- js中使用new Date(str)创建时间对象不兼容firefox和ie的解决方式
/** * 解决 ie,火狐浏览器不兼容new Date(s) * @param strDate * 返回 date对象 * add by zyf at 2015年11月5日 */ function ...
随机推荐
- STM32(3)——外部中断的使用
1 .简介 ARM Coetex-M3内核共支持256个中断,其中16个内部中断,240个外部中断和可编程的256级中断优先级的设置.STM32目前支持的中断共84个(16个内部+68个外部),还有1 ...
- sort()的部分用法
#include <iostream> #include <cstdio> #include <algorithm>//sort要包含的头文件 #include & ...
- 转载:Linux系统和Linux系统之间如何实现文件传输
两台Linux系统之间传输文件 听语音 | 浏览:13183 | 更新:2014-07-15 15:22 | 标签:linux 1 2 3 4 5 6 分步阅读 如何在Linux系统之间传输文件及文件 ...
- 关于 poorpool
poorpool 真名 chenyixiao.是一条傻逼题都不会做的没有脑子的咸鱼. 山西省临汾第一中学 高二 sx省队里最菜的那一个进队靠暴力. 普通的理科生,曾经爱好数学,然而到了高中发现自己所谓 ...
- Web框架本质及浅谈HTTP协议
Web框架本质 我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端. 这样我们就可以自己实现Web框架了. 半成品自定义web框架 impor ...
- Linux-Shell脚本编程-学习-1-Linux基本命令
在学习Linux-Shell脚本编程之前,我们需要学习一定的Linux基本命令,不然在后面学习Shell脚本编程的的时候,我们就呵呵了. 我学习所用的系统是Ubuntu 16.04版本 也没有什么规则 ...
- browsersync的安装与基本使用
browser-sync启动命令 Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面. 官网文档:http://www.brows ...
- 剑指offer-数值的整数次方12
class Solution: def Power(self, base, exponent): # write code here if base==0: return 0 if exponent= ...
- 基于语音转录的ted演讲推荐
论文地址:https://arxiv.org/abs/1809.05350v1 二. 实现 我们从Kaggle[6]中获取了TED演讲数据集,其中包括2400个TED演讲的数据,包括标题.演讲者.标 ...
- python基础训练营04-函数
任务四 函数的关键字 函数的定义 函数参数与作用域 函数返回值 一.函数的关键字: def 二.函数的定义: 在Python中,定义一个函数要使用def语句,依次写出函数名.括号.括号中的参数和冒号 ...