FF4中增加了一个很有意思的对象,FormData。通常我们提交(使用submit button)时,会把form中的所有表格元素的name与value组成一个queryString,提交到后台。...因此,FormData对象的出现可以减少我们一些工作量。...想得到一个FormData对象,很简单: var formdata = new FormData(); 但一个空的FormData对象对我们没有意义,因此W3c草案提供了三种方案来获取或修改FormData...方案1:创建一个空的FormData对象,然后再用append方法逐个添加键值对: var formdata = new FormData(); formdata.append("name", "司徒正美..."); formdata.append("blog", "http://www.cnblogs.com/rubylouvre/"); 方案2:取得form元素对象,将它作为参数传入FormData对象中
XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。...一、FormData对象作用 用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成 一个queryString 异步上传二进制文件 二、FormData的使用 先来看一下...append方法和set都可以向FormData中添加数据,不同的是set方法是直接向FormData中添加,覆盖掉之前的数据,append方法是向其追加数据,即name对应的value将成为一个数组,...落帆亭"] fd.has("name")//true 使用FormData对象发送文件 通过FormData可以实现异步上传文件。...label> JS
var form=document.getElementById("formId"); var formData=new FormData(form); var oReq...} } } oReq.open("POST", "http://localhost:3000/doup"); oReq.send(formData
DOCTYPE html> 03_对象 // 创建对象 var p = { name:
Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数。...描述 创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用String对象生成字符串对象,此外在ES6...事实上,Js中基本数据类型的值不可变,基本类型的值一旦创建就不能被改变,所有操作只能返回一个新的值而不能去改变旧的值。...)); // true String.prototype.indexOf() str.indexOf(searchValue [, fromIndex]) indexOf()方法返回调用String对象中第一次出现的指定值的索引...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串中首次匹配项的索引,否则返回
Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名,Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法...该数据类型通常被用作一个对象属性的键值,例如当想使对象属性的键为私有值时。symbol类型的键存在于各种内置的JavaScript对象中,同样自定义类也可以这样创建私有成员。...和Symbol()不同的是,用Symbol.for()方法创建的的symbol会被放入一个全局symbol注册表中。...key: 一个字符串,作为symbol注册表中与某symbol关联的键,同时也会作为该symbol的描述。...在JavaScript中,虽然大多数类型的对象在某些操作下都会自动的隐式调用自身的valueOf()方法或者toString()方法来将自己转换成一个原始值,但symbol对象不会这么干,symbol对象无法隐式转换成对应的原始值
Js中Reflect对象 Reflect是ES6起JavaScript内置的对象,提供拦截JavaScript操作的方法,这些方法与Proxy对象的handlers中的方法基本相同。...,防止将来对对象的扩展被添加到对象中,该方法与Object.preventExtensions()相似。...中,它将被强制为不可扩展的普通对象并返回false。...preventExtensions() Object.preventExtensions()返回被设为不可扩展的对象,如果参数不是对象,则在ES5中抛出TypeError,在ES2015中,参数如为不可扩展的普通对象...如果目标不是对象,则在ES5中抛出TypeError,但将非对象目标强制为ES2015中的对象 N/A ownKeys() N/A Reflect.ownKeys()返回一个属性名称数组,该属性名称映射到目标对象自己的属性键
js中的对象 在编程语言中,提到对象,一般都含有一个隐藏的上下文面向对象编程。 面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。..., cedf:function(){console.info("cdef")}, "arr":[1,2,3], o:{"name":"jake"} } “在js中,对象是属性的无序集合...1.2 集合 集合是说 对象中可以有很多个属性。属性之间用逗号分隔。 1.3 无序 属性与属性之间,没有先后顺序之分。 对比一下,数组的元素之间有序的。...2. js中对象的分类 众观整个js中的对象,可以分成三类: 内置对象 宿主对象 自定义的对象 2.1 内置对象 “由ECMA实现、不依赖于宿主环境的对象,这些对象在js程序执行之前就已经存在了”。...js有两个运行的环境: (1) 浏览器。我们在.html文件中加入js代码,再通过浏览器来打开,这里浏览器就是javascript的运行环境。 在浏览器端的js而言,宿主对象就是浏览器对象。
描述 arguments 是一个对应于传递给函数的参数的类数组对象。 arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。...arguments[@@iterator] 返回一个新的 Array 迭代器 对象,该对象包含参数中每个索引的值。 特点 arguments对象和Function是分不开的。...因为arguments这个对象不能显式创建。 arguments对象只有函数开始时才可用。 拓展 length 属性 遍历参数来求和。...答案是: 输出结果如下: 10 2 解析: 1.第一次输出的是 10 ,是因为执行了 method 中的第一个 fn() 函数,这时打印出来的 length 指的是 window 中定义的 length...2.第二次输出了 2 ,这时候执行了 method 中的第二句。arguments[0]() ( arguments[0] ==> fn() ),此时的 this 指向到了arguments对象上。
Js中Proxy对象 Proxy对象用于定义基本操作的自定义行为,例如属性查找、赋值、枚举、函数调用等。...handler: 一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理proxy的行为。...,通过调用new Proxy(),可以创建一个代理用来替代另一个对象被称为目标,这个代理对目标对象进行了虚拟,因此该代理与该目标对象表面上可以被当作同一个对象来对待。...代理允许拦截在目标对象上的底层操作,而这原本是Js引擎的内部能力,拦截行为使用了一个能够响应特定操作的函数,即通过Proxy去对一个对象进行代理之后,我们将得到一个和被代理对象几乎完全一样的对象,并且可以从底层实现对这个对象进行完全的监控...target: 将用Proxy封装的目标对象,可以是任何类型的对象,包括原生数组,函数,甚至可以是另外一个代理对象。
Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。 描述 在JavaScript中通常可以使用Array构造器与字面量的方式创建数组。...当然对于稀疏数组在各种浏览器中会存在优化的操作,例如在V8引擎中就存在快数组与慢数组的转化,此外在V8中对于empty的描述是一个空对象的引用。...此外如果将数组中索引设置为-1或者字符串等,数组的length不会发生改变,此时数组中的这些索引将作为对象的属性处理,实际上数组就是可以按照索引值来排序的数据集合,是一种特殊的对象。...,该对象包含数组中每个索引的键/值对,Array Iterator对象的原型__proto__:Array Iterator上有一个next方法,可用用于遍历迭代器取得原数组的[key,value]。...options 一个可配置属性的对象。 toLocaleString()返回一个字符串表示数组中的元素。
Js中Number对象 JavaScript的Number对象是经过封装从而能够处理数字值的对象,Number对象由Number()构造器以及字面量声明的值在转化为包装对象时创建,JavaScript的...描述 创建一个数字可以通过字面量的方式,通过字面量创建的数字变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用Number对象生成数值对象,,JavaScript...Number.prototype: Number对象上允许的额外属性。...作为对比,2^53就不是一个安全整数,它能够使用IEEE-754表示,但是2^53 + 1不能使用IEEE-754直接表示,在就近舍入round-to-nearest和向零舍入中,会被舍入为 2^53。...在旧的实现中,会忽略locales和options参数,使用的语言环境和返回的字符串的形式完全取决于实现方式。
Js中RegExp对象 RegExp对象表示正则表达式,是由普通字符和特殊字符也叫元字符或限定符组成的文字模板,用于对字符串执行模式匹配。...,返回一个结果数组或null,在设置了global或sticky标志位的情况下,RegExp对象是有状态的,其会将上次成功匹配后的位置记录在lastIndex属性中,使用此特性exec()可用来对单个字符串中的多次匹配结果进行逐条的遍历包括捕获到的匹配...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串中首次匹配项的索引,否则返回...,返回一个结果数组或null,在设置了global或sticky标志位的情况下,RegExp对象是有状态的,其会将上次成功匹配后的位置记录在lastIndex属性中,使用此特性exec()可用来对单个字符串中的多次匹配结果进行逐条的遍历包括捕获到的匹配...(pattern): 匹配pattern并获取这一匹配,所获取的匹配可以从产生的Matches集合得到,在VBScript中使用SubMatches集合,在JS中则使用1…9属性,要匹配圆括号字符,请使用
Js中Math对象 Math是一个内置对象,它拥有一些数学常数属性和数学函数方法,Math用于Number类型,其不支持BigInt。...描述 Math不是一个函数对象,也就是说Math不是一个构造器,Math的所有属性与方法都是静态的,例如引用圆周率的写法是Math.PI,Math的常量是使用JavaScript中的全精度浮点数来定义的...,需要注意的是,很多Math的函数都有一个精度,而且这个精度在不同实现中也是不相同的,这意味着不同的浏览器会给出不同的结果,甚至在不同的系统或架构下,相同的Js引擎也会给出不同的结果,另外三角函数sin...// 数字1.5可以在二进制数字系统中精确表示,32位和64位的值相同 console.log(Math.fround(1.5) === 1.5); // true // 数字6.6却无法在二进制数字系统中精确表示...Math.max()函数返回一组数中的最大值。
Js中Date对象 JavaScript的Date对象是用于处理日期和时间的全局对象,Date对象基于Unix Time Stamp,即自1970年1月1日UTC起经过的毫秒数。...分别提供日期与时间的每一个成员: 当至少提供了年份与月份时,这一形式的Date()返回的 Date对象中的每一个成员都来自提供的参数,没有提供的成员将使用最小可能值,对日期为1,其他为0。...,为基于0的值,0表示一年中的第一月。...dayValue: 从1到31之间的整数,表示月份中的第几天,0为上个月最后一天。...在旧版本浏览器中,locales和options参数被忽略,使用的语言环境和返回的字符串格式是各自独立实现的。
var formData = new FormData(); formData.append('file',$('#file')[0].files...[0]); $.ajax({ url: '', type: 'POST', cache: false, data: formData, processData
<!DOCTYPE html> <html> <head> <title> </title> <meta name="viewport" conte...
——张闻天 如题 首先是json字符串转对象 JSON.parse("{\"id\":\"ddd\"\}") 得到的结果就是对象啦 然后是对象转json字符串 JSON.stringify({id
我想在一个变量中存储多个值,应该如何存储? 所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。...特别注意:JS中不像PHP,没有关联数组. 1.2 获取数组元素 // 格式:数组名[下标] 下标又称索引 // 下标从0开始 // 功能:获取数组对应下标的那个值,如果下标不存在,则返回undefined..."blue"]; // 把red替换成了yellow arr[0] = "yellow"; // 给数组新增加了一个pink的值 arr[3] = "pink"; 1.5 数组操作案例 案例1:求数组中的所有数的和...= 0; for (var i = 0; i < arr.length; i++) { sum += arr[i]; } console.log("和为:" + sum); 案例2:获取数组中的最大值...//最大值 var arr = [10, 20, 30, 40, 50, 60]; //假设这个变量中的值是最大的 var maxNum = arr[0]; //遍历数组 for (var i =
七夕临近了,没有对象的来创建一个吧 使用对象字面量: const o = { name: "zehan", greeting() { return `Hi, 我是${this.name}
领取专属 10元无门槛券
手把手带您无忧上云