我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

关于javascript原始值的信息

JS中恢复原始值的代码怎么写

/虽然只有一行数据 但是可以任意行 任意列 需要重置的input 加上val属性 设置成初始值就可以$('#reset').click(function(){//重置方法$('[val]').each(function(){//遍历标签 赋值初始值this.value = $(this).attr('val');})})

创新互联客户idc服务中心,提供棕树数据中心、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。

JavaScript中基本数据类型和引用数据类型的区别

a 声明变量时不同的内存分配: 

1)原始值:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。

这是因为这些原始类型占据的空间是固定的,所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。

2)引用值:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存地址。

这是因为:引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。

地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

b 不同的内存分配机制也带来了不同的访问机制

1)在javascript中是不允许直接访问保存在堆内存中的对象的,所以在访问一个对象时,

首先得到的是这个对象在堆内存中的地址,然后再按照这个地址去获得这个对象中的值,这就是传说中的按引用访问。

2)而原始类型的值则是可以直接访问到的。

c 复制变量时的不同

1)原始值:在将一个保存着原始值的变量复制给另一个变量时,会将原始值的副本赋值给新变量,此后这两个变量是完全独立的,他们只是拥有相同的value而已。

2)引用值:在将一个保存着对象内存地址的变量复制给另一个变量时,会把这个内存地址赋值给新变量,

也就是说这两个变量都指向了堆内存中的同一个对象,他们中任何一个作出的改变都会反映在另一个身上。

(这里要理解的一点就是,复制对象时并不会在堆内存中新生成一个一模一样的对象,只是多了一个保存指向这个对象指针的变量罢了)。多了一个指针

d 参数传递的不同(把实参复制给形参的过程)

首先我们应该明确一点:ECMAScript中所有函数的参数都是按值来传递的。

但是为什么涉及到原始类型与引用类型的值时仍然有区别呢?还不就是因为内存分配时的差别。  

1)原始值:只是把变量里的值传递给参数,之后参数和这个变量互不影响。

2)引用值:对象变量它里面的值是这个对象在堆内存中的内存地址,这一点你要时刻铭记在心!

因此它传递的值也就是这个内存地址,这也就是为什么函数内部对这个参数的修改会体现在外部的原因了,因为它们都指向同一个对象。

javascript中不可变原始值

不光javascript,C#也是如此。

有关字符串的操作,都是保持原型的。在每次操作完会自动生成一个新的变量。

比如:

var s = "hello"; //这里申请内存,并保存数据hello,并把内存地址赋给s

s.toUpperCase(); //生成一个新的数据HELLO,并申请内存保存之

s = s.ToUpperCase(); //同上,多了一步:把新的内存地址赋给s,此时s的值就是HELLO了。

所谓的“原始值是不可更改”,就是原始值对应的内存数据没有发生变化,变化的是重新申请的内存空间的数据。

在javascript中,以下哪些是原始值

js中有5种数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型Object,Object本质是一组无序的名值对组成的。Undefined类型只有一个值,即undefined,使用var声明变量,但是未对初始化的,这个变量就是Undefined类型的,例子:vari;alert(i==undefined);//truevari;与vari=undefined;这两句是等价的。包含Undefined值的变量和未定义的变量是不一样的。Null类型也只有一个值:null.null表示一个空对象的指针。Boolean类型:只有两个字面量true和false。但是js中多有的变量都可以使用Boolean()函数转换成一个Boolean类型的值。Number类型:整数和浮点数。NaN:NotaNumber。这个数值用于本来要返回一个数值,但是却未能放回一个数值的情况,以防止报错。例如:1/0返回的就是NaN。NaN的特点:1、任何涉及NaN的操作都会返回NaN。2、NaN对任何值都不相等,包括自己NaN本身。针对NaN特性,JS内置了isNaN()函数,来确定数值是不是NaN类型。String类型:略typeof操作符:对一个变量进行推断变量的类型,可能返回以下字符串:"undefined"如果这个值,未定义或者为初始化"boolean"布尔值"string"字符串"number"数值"object"对象"function"函数用法:typeof95;或者typeof(95);会返回"number".

javascript原型,原型链 有什么特点

原型链一直是个很抽象的概念,看不到,摸不着.随着最近对JavaScript进一步的学习,我对原型链有了一点理解,下面讲出来.

基础知识

在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链.

访问一个对象的原型可以使用ES5中的Object.getPrototypeOf方法,或者ES6中的__proto__属性.

原型链的作用是用来实现继承,比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的.

var arr = [];

arr.map === Array.prototype.map //arr.map是从arr.__proto__上继承下来的,arr.__proto__也就是Array.prototype

图形化原型链

虽然我们都说原型链,但实际上,在不考虑网页中frame的情况,js引擎在执行期间的某一时刻,所有存在的对象组成的是一棵原型树.默认情况下,只有一棵树.根节点可以说是Object.prototype,也可以说是null.

但我们可以再建立一棵原型树,通过使用Object.create方法

var foo = Object.create(null); //foo是一个对象,但它是游离的,不属于已有的那棵原型树

var bar = Object.create(foo); //bar的原型是foo

var baz = Object.create(foo); //baz的原型是foo

这样我们有了第二棵原型树

遍历原型链

我们没有办法遍历到所有以某个对象为原型的对象,但我们可以向上遍历,获取到一个对象所有的上层原型,这个原型链必定是线性的,尽头是null.

function getPrototypeChain(object) {

var protoChain = [];

while (object = object.__proto__) {

protoChain.push(object);

}

protoChain.push(null);

return protoChain;

}

试验一下,不同的环境实现不同,显示形式也不同.下面是在chrome控制台中的显示.

getPrototypeChain(new String(""))

[String, Object, null] //依次是String.prototype,Object.prototype,null

getPrototypeChain(function(){})

[function Empty() {}, Object, null] //依次是Function.prototype,Object.prototype,null

内置类型的对象的原型链并不长,下面试试宿主对象.

getPrototypeChain(document.createElement("div"))

[HTMLDivElement, HTMLElement, Element, Node, Object, null]

这个就长多了.

超长原型链

可以看出来,我们平时使用的对象并没有很长的原型链.但可以自己构造一个.

function Foo() {}

for (var i = 0; i 100; i++) {

Foo.prototype["foo" + i] = i;

Foo.prototype = new Foo;

}

console.dir(getPrototypeChain(new Foo));


当前标题:关于javascript原始值的信息
网址分享:http://mswzjz.cn/article/dscccci.html

其他资讯