首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

JS 对象的简单创建和继承

对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {};    var...); 对象的简单继承: 可以通过原型继承创建一个新对象 以下函数inherit() 返回一个继承自原型对象p的属性的新对象 function inherit(p){ if(p == null)...f.prototype = p; //原型指向要继承的对象p return new f(); //创建f对象,此对象继承自p } var obj = {x:1}; var obj1...f.prototype = p; //原型指向要继承的对象p return new f(); //创建f对象,此对象继承自p } var o = {}; //o 继承Object.prototype...值得注意的是:它总是在原始对象创建属性或对已有的属性赋值,而不会去修改原型链;在JS,只有在查询属性时才会体会到继承的存在,而设置属性则和继承无关。

2.8K20

JsSymbol对象

JsSymbol对象 ES6引入了一种新的基本数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名,Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法...该数据类型通常被用作一个对象属性的键值,例如当想使对象属性的键为私有值时。symbol类型的键存在于各种内置的JavaScript对象,同样自定义类也可以这样创建私有成员。...一个具有数据类型symbol的值可以被称为符号类型值,在JavaScript运行时环境,一个符号类型值可以通过调用函数Symbol()创建,这个函数动态地生成了一个匿名,唯一的值。...Symbol类型唯一合理的用法是用变量存储symbol的值,然后使用存储的值创建对象属性。...和Symbol()不同的是,用Symbol.for()方法创建的的symbol会被放入一个全局symbol注册表

5K00

JsString对象

JsString对象 String全局对象是一个用于字符串或一个字符序列的构造函数。...描述 创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型的方法,也可以利用String对象生成字符串对象,此外在ES6...事实上,Js基本数据类型的值不可变,基本类型的值一旦创建就不能被改变,所有操作只能返回一个新的值而不能去改变旧的值。...)); // true String.prototype.indexOf() str.indexOf(searchValue [, fromIndex]) indexOf()方法返回调用String对象第一次出现的指定值的索引...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串首次匹配项的索引,否则返回

7.6K20

js对象

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而言,宿主对象就是浏览器对象

6.9K50

JsProxy对象

JsProxy对象 Proxy对象用于定义基本操作的自定义行为,例如属性查找、赋值、枚举、函数调用等。...handler: 一个通常以函数作为属性的对象,各属性的函数分别定义了在执行各种操作时代理proxy的行为。...,通过调用new Proxy(),可以创建一个代理用来替代另一个对象被称为目标,这个代理对目标对象进行了虚拟,因此该代理与该目标对象表面上可以被当作同一个对象来对待。...代理允许拦截在目标对象上的底层操作,而这原本是Js引擎的内部能力,拦截行为使用了一个能够响应特定操作的函数,即通过Proxy去对一个对象进行代理之后,我们将得到一个和被代理对象几乎完全一样的对象,并且可以从底层实现对这个对象进行完全的监控...proxy.a===3); //true 方法 Proxy.revocable() Proxy.revocable(target, handler) Proxy.revocable()方法可以用来创建一个可撤销的代理对象

2.5K20

JSArguments对象

描述 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对象上。

2.2K20

JsReflect对象

JsReflect对象 Reflect是ES6起JavaScript内置的对象,提供拦截JavaScript操作的方法,这些方法与Proxy对象的handlers的方法基本相同。...argumentsList: 类数组对象,目标构造函数调用时的参数。 newTarget: 可选,作为新创建对象的原型对象的constructor属性,默认值为target。...,它将被强制为不可扩展的普通对象并返回false。...preventExtensions() Object.preventExtensions()返回被设为不可扩展的对象,如果参数不是对象,则在ES5抛出TypeError,在ES2015,参数如为不可扩展的普通对象...如果目标不是对象,则在ES5抛出TypeError,但将非对象目标强制为ES2015对象 N/A ownKeys() N/A Reflect.ownKeys()返回一个属性名称数组,该属性名称映射到目标对象自己的属性键

3.6K10

JsMath对象

JsMath对象 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()函数返回一组数的最大值。

5.1K32

JsRegExp对象

JsRegExp对象 RegExp对象表示正则表达式,是由普通字符和特殊字符也叫元字符或限定符组成的文字模板,用于对字符串执行模式匹配。...描述 创建一个RegExp对象通常有两种方式,一种是通过字面量创建,一种是通过RegExp对象构造函数创建。...,返回一个结果数组或null,在设置了global或sticky标志位的情况下,RegExp对象是有状态的,其会将上次成功匹配后的位置记录在lastIndex属性,使用此特性exec()可用来对单个字符串的多次匹配结果进行逐条的遍历包括捕获到的匹配...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串首次匹配项的索引,否则返回...(pattern): 匹配pattern并获取这一匹配,所获取的匹配可以从产生的Matches集合得到,在VBScript中使用SubMatches集合,在JS则使用1…9属性,要匹配圆括号字符,请使用

10.3K20

JsNumber对象

JsNumber对象 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参数,使用的语言环境和返回的字符串的形式完全取决于实现方式。

3.3K42

JsArray对象

JsArray对象 JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。 描述 在JavaScript通常可以使用Array构造器与字面量的方式创建数组。...在Js中使用Array构造器创建出的存在空位的问题,默认并不会以undefined填充,而是以empty作为值,需要注意的是,空位并不是undefined,undefined表示的是没有定义,但是本身undefined...此外如果将数组索引设置为-1或者字符串等,数组的length不会发生改变,此时数组的这些索引将作为对象的属性处理,实际上数组就是可以按照索引值来排序的数据集合,是一种特殊的对象。...Array.from()方法从一个类似数组或可迭代对象创建一个新的数组实例。...map()方法创建一个新数组,其结果是该数组的每个元素都调用一次提供的函数后的返回值。

9.8K00

第163天:js面向对象-对象创建方式总结

面向对象-对象创建方式总结 1、 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象。...(){ 9 console.log( name + 'say hi' ); 10 } 11 }; 12 //添加其他属性: 13 obj2.newProp = 123;// js...缺点: 不能作为对象创建的模板,也就是不能用new进行构造新对象。 2、 创建面向对象的方式: new Object()的方式。 不推荐使用。...升级改造版本: //第三种方式有个缺点: 对象的内部的函数会在每个对象中都存一份 //如果创建对象非常多的话,那么非常浪费内存。函数的行为是所有对象 //可以共有,不需要每个对象都保存一份。...所以,可以把函数放到原型 //进行声明,那么所有对象都有了公共的函数,而且内存只保留一份。

1.7K10
领券