js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中,但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景,方便记忆。...对象和函数都有 __proto__,对象的 __proto__指向构造函数的prototype,构造函数的__proto__指向 Function.prototype 对象和函数都有constructor...,对象的 constructor指向构造函数,构造函数的constructor指向 Function 函数才有 prototype 函数的prototype又是一个对象,但是 Funtion.prototype...特殊记忆:typeof Function.prototype==="function" Object因为O大写,可以看出本质也是一个构造函数 __proto__ 指向一个原型对象,构造函数.prototype...__proto__===null,因为 Object.prototype 为js 原型链的顶端。
JS函数增强 函数属性 JavaScript中函数也是一个对象,那么对象中就可以有属性和方法,他有一些默认的属性 name 函数名 length 函数参数个数(ES6 ......语法不会被算在内) arguments 类似数组对象 可以i用索引来获取对象 rset PS: 箭头函数不绑定 Arguments 对象 arguments 转为数组对象常见方法 普通的方法 就是将内容一个一个迭代到新数组了...他是一个特殊函数可以将传入的字符串当作js代码执行 可读性差 有注入风险 必须经过解释器 不会得到引擎的优化 严格模式的使用 js的局限性 : JavaScript 不断向前发展且并未带来任何兼容性问题...; 新旧代码该新模式对于向下兼容有帮助但是也有问题出现 就是创造者对于js的不完善之处会一直保留 ES5标准中提出了严格模式的概念,以更加严格的方式对代码进行检测和执行 只需要在代码的开头或者函数的开头...加入use strict就可以开启严格模式 JS对象增强 数据属性描述符 我们的属性一般定义在对象的内部或者直接添加到对象内部,但是这种方式我们就不能对属性进行一些限制,比如这个属性是否是可以通过delete
obj的方法调用,所以函数体中的this就代表obj对象 2.函数调用模式 当一个函数并非一个对象的属性时,那么它就是被当做函数来调用的。...,所以函数体中的this代表window对象。 ...3.构造函数模式 如果在一个函数前面加上new关键字来调用,那么就会创建一个连接到该函数的prototype成员的新对象,同时,this会被绑定到这个新对象上。...这种情况下,这个函数就可以成为此对象的构造函数。...4.apply调用模式 在JS中,函数也是对象,所有函数对象都有两个方法:apply和call,这两个方法可以让我们构建一个参数数组传递给调用函数,也允许我们改变this的值。
; } // 带参数的函数 function f2(a, b) { console.log(arguments); // 内置的arguments对象 console.log(arguments.length...词法分析的过程: 当函数调用的前一瞬间,会先形成一个激活对象:Avtive Object(AO),并会分析以下3个方面: 1:函数参数,如果有,则将此参数赋值给AO,且值为undefined。...2:函数局部变量,如果AO上有同名的值,则不做任何操作。如果没有,则将此变量赋值给AO,并且值为undefined。 3:函数声明,如果AO上有,则会将AO上的对象覆盖。如果没有,则不做任何操作。...函数内部无论是使用参数还是使用局部变量都到AO上找。 内置对象和方法 对象的分类 JavaScript中的所有事物都是对象:字符串、数字、数组、日期,等等。...填写正则表达式/匹配模式(逗号后面不要加空格) var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/; reg2.test(s1); // true // String对象与正则结合的
通过js获取的DOM对象就是js对象 当浏览器支持js的dom接口(api)时,这里狭义的dom对象是以js对象的形式出现的, 也就是一个js对象。...对象的方法和属性 3)jQuery对象和js对象之间的相互转换 js转jQuery对象 $(js对象) jQuery对象转js对象 var doc2=$("#idDoc2")[0]; //转换...jQuery对象为DOM对象 doc2.innerHTML="这是jQuery的第一个DOM对象" //使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象 var doc2...=$("#idDoc2").get(0); doc2.innerHTML="这是jQuery的第二个DOM对象" 二、细说jQuery对象和DOM对象的区别与使用 2.1 jQuery对象和DOM...平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂。
一、函数对象 1、函数对象(function object)也称为仿函数(functor) 2、一个行为类似函数的对象,它可以没有参数,也可以带有若干参数。...3、任何重载了调用运算符operator()的类的对象都满足函数对象的特征 4、函数对象可以把它称之为smart function。...,再调用operator(); 三、函数对象与容器 在这边举map 容器的例子,大家都知道map 在插入元素的时候会自动排序,默认是根据key 从小到大排序,看map 的定义: // TEMPLATE ...四、函数对象与算法 在STL一些算法中可以传入函数指针,实现自定义比较逻辑或者计算,同样地这些函数也可以使用函数对象来代替,直接看例程再稍 作分析: #include #include...使用函数对象的好处是比较灵活,比如直接使用函数Add3,那么只能将元素加3,而 使用函数对象Addobj(x), 想让元素加上多少就传递给Addobj类,构造一个对象即可,因为它可以保存一种状态(类成员
常函数与常对象 常函数 1.在成员函数后面加上const后我们称这个函数是常函数 2.常函数内不可以修改成员属性 3.成员属性声明时加关键字mutable后,依然可以在常函数中修改 常对象 1....声明对象前加const称该对对象为常对象 2.常对象只能调用常函数 3.成员属性声明时加关键字mutable后,依然可以在常对象中修改 #include using namespace...std; class wood { public: //常函数 void fun() const { cout << "常函数哟!"...<< endl; num2 = 10; } int num; //mutable mutable int num2; }; int main() { //常对象 const wood w...; //常对象只能调用常函数 w.fun(); //加了mutable后,常函数和常对象都能调用 w.num2 = 100; system("pause"); return 0; }
Person("zs", 44); obj2.say(); console.log(obj2.currentType); /** * prototype的特点:存在在原型对象里面的属性与方法可以被构造函数的所有对象所共享...* 如果原型与构造函数的属性与方法相同,优先级执行的是构造函数里面的,如果没有到原型里面找. */ ...);//构造函数里面的prototype指向了对象(原型对象) /*2.每个"原型对象"中都有一个默认的属性, 叫做constructor constructor指向当前原型对象对应的那个..."构造函数" */ console.log(Person.prototype.constructor);//原型对象里面的constructor属性指向了函数(当前原型对象对应的那个..."构造函数") /*3.通过构造函数创建出来的对象我们称之为"实例对象" 每个"实例对象"中都有一个默认的属性, 叫做__proto__ __proto__指向创建它的那个构造函数的
Kotlin 扩展函数 与 JS 的 prototype Kotlin 扩展函数 Kotlin的扩展函数功能使得我们可以为现有的类添加新的函数,实现某一具体功能 。...this[index1] = this[index2] this[index2] = tmp } 对MutableList对象调用swap函数: val...扩展函数是静态解析分发的,不是虚函数(即没有多态),调用只取决于对象的声明类型! 1.调用是由对象声明类型决定,而不是由对象实际类型决定!...3.伴生对象-扩展函数和属性 可为伴生对象定义扩展函数和属性: class MyClass { companion object { } //伴生对象 } fun...call(D1()) // 输出 "D.foo in C", 扩展接收者静态解析(非多态) C1().call(D()) // 输出 "D.foo in C1",分发接收者虚拟解析(多态) JS
本期介绍 本期主要介绍DOM对象&JS事件总结&全局函数 文章目录 1. DOM 对象 1.1 DOM 对象是什么?有什么作用? 1.2 DOM 树介绍 1.3 DOM 和 BOM 关系 2. ...JS 事件总结 3. 全局函数(global) 3.1 执行 3.2 编码和解码 3.3 字符串转数字 1. DOM 对象 1.1 DOM 对象是什么?有什么作用?...DOM ( Document Object Model ) 文档对象模型 文档:标记型文档( HTML 、 XML 等) DOM 是将标记型文档中所有内容(标签、文本、属性)都封装成对象...DOM 对象。...JS 事件总结 常见事件 示例代码: 鼠标键盘事件 示例代码: 3. 全局函数(global) 3.1 执行 作用:用于增强程序的扩展性。
做项目的时候遇到一个不是很常见的问题,就是js函数传递参数的时候,我们一般是传递一个数字或者是一个字符串,但是当你的需求满足不了的时候,就需要将对象或者数组作为一个参数传递过去,这个时候怎么做呢,今天简单的说有一下...这个是典型的三层的json结构,所以遍历的难度是不大的,就是很容就遍历出错,我的需求当然不是说仅仅将这些数据遍历出来就可以了,我需要做的是将最里层的data拿到,作为对象传递过去,因为这是每一个订单的具体内容...这个时候我们看上面的数据结构,最外层的是model_list包括的,所以直接取出来,拿到以后呢将我们需要的data拿到,转为json格式的,这个时候我们下面需要用到里面数据的时候就比较容易拿到,下一步就是怎么将对象...data作为一个参数传递过去,我们需要这样处理一下: JSON.stringify(detalData).replace(/\"/g, "'") 将我们拿到的json对象转为string的字符串,然后用正则表达式将里面所有的
——张闻天 如题 首先是json字符串转对象 JSON.parse("{\"id\":\"ddd\"\}") 得到的结果就是对象啦 然后是对象转json字符串 JSON.stringify({id
箭头函数中没有 arguments 1. arguments 介绍 众所周知,js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象,不是一个真正的数组...这里做下总结 arguments 是类数组对象(伪数组),即不是一个真正的数组,而是一个对象。...箭头函数中没有 arguments arguments 只存在于普通函数中,而在箭头函数中是不存在的 下面代码抛出错误异常:Uncaught ReferenceError: arguments is not...defined const arrow = () => { console.log(arguments);}arrow('html', 'css', 'js') 箭头函数中虽然没有 arguments
document.write("用age进行排序,获得的最后一个元素的name是:【"+data[2].name+"】") 29 说明:createCompareFun()函数内部...,嵌套一个内部函数,函数作为值被return返回, 内部函数传两个参数,并通过[]讲createCompareFun()函数的propertyName属性解析出来,在通过常规比较函数进行判断、比较。...在data中,定义了一个有三个元素的对象数组,最后调用createCompareFun()函数,并根据自己需要比较的属性来传参,函数对数组进行排序。得到比较的结果。...再加一个普通的比较函数 1 function compare(value1,value2){ 2 if(value1>value2
1.使用函数对象,可以让函数变得有状态。而且可以在运行期再初始化。 2.函数对象通常比寻常函数速度快。
理清这些问题,第一步当然是找到他们的概念:js所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript允许自定义对象 (1)JS数组,常态为var a = [1,2,3]的格式,用文字来形容就是一个有序数列...person.key=“value” ; (3)json:一种存储和交换信息的格式,常态为var json = {“key”:“value”}的格式,这里和js对象不同的是key多了“” 区别与联系:...一、json对象与json字符串的联系: json对象 var json = { “key1”:“value1”, “key2”:“value2”, }; json...(json对象) ==》转化为json字符串 二、js对象与json对象 js对象, var person = {key:“value”} json对象, var json = {“key”:“value...,string只是js对象的key的数据类型中的一个选项 额外说一点,js里面是没有键值对数组这一说的,现有的这种键值对数组(也即是关联数组)其实就是js对象,需要的要自己去构造,如: var
1.对象转数组 var obj = {name:”张三”,name:”李四”,name:”王五”}; var arr = []; arr = Object.values(obj) //obj就被转换成数组了...2.数组转对象 var obj={}; var arr = []; for(key in arr) { obj[key] = arr[key] //上面的对象obj会被这里新转换的替换 } 3.获取对象长度...对象的长度不能用.length获取,用js原生的Object.keys可以获取到 var obj = {‘ww’:’11’,’ee’:’22}; var arr = Object.keys
1. object.assign object.assign 是 ES6 中 Object 的一个方法,该方法可以用于JS 对象的合并等多个用途,其中一个用途就是可以进行浅拷贝。...深拷贝则不同,对于复杂引用数据类型,其在堆内存中完全开辟了一块内存地址,并将原有的对象完全复制过来存放。 深拷贝后的对象与原始对象是相互独立、不受影响的,彻底实现了内存上的分离。...拷贝的对象的值中如果有函数、undefined、symbol 这几种类型,经过 JSON.stringify 序列化之后的字符串中这个键值对会消失; 拷贝 Date 引用类型会变成字符串; 无法拷贝不可枚举的属性...实现深拷贝方法 下面是一个实现 deepClone 函数封装的例子,有几点需要注意下。...', id: 1 }, arr: [0, 1, 2], func: function () { console.log('我是一个函数') }, date: new Date(0),
总结 ---- 前言 在Node.js中提供了一些全局可用的变量、函数和对象,全局就是不需要进行模块加载,可以直接使用的。其中包括全局作用域的函数和对象。...也包括不在全局作用域,而在每个模块作用域都存在的变量、函数和对象,在全局可用,但不是golbal对象的属性。...---- _dirname和_filename变量 Node.js提供了两个与文件操作相关全局可用变量_dirname和_filename变量。...console对象 我们在学习中,经常使用到console.log()语句,console对象就是一个全局对象,用于提供控制台标准输出。...console.info([data][,…]) 返回信息性消息,这个命令与console.log差别不大,除了在chrome中输出文字外,其余的会显示一个蓝色的惊叹号。
构造函数 构造函数其实与普通函数本身并无区别,普通函数通过new调用时,我们就称其为构造函数。当然,为了区分其与普通函数,构造函数约定首字母需要大写。...实例对象:通过构造函数的new操作创建的对象是实例对象,又常常被称为对象实例。可以用一个构造函数,构造多个实例对象。下面的f1和f2就是实例对象。...简而言之,任何一个函数,都拥有一个prototype属性,指向其原型对象,该原型对象也是由该函数new调用创造的所有实例对象的原型对象。 5....构造函数,原型对象和实例对象的关系 5.1 指向关系 构造函数A的prototype属性指向F与其实例对象(a1,a2,...)的原型对象A.prototype,该原型对象的constructor属性指向构造函数...参考 javascript面向对象系列第一篇——构造函数和原型对象 JS入门难点解析10-创建对象 深入理解js构造函数 JavaScript构造函数详解 BOOK-《JavaScript高级程序设计
领取专属 10元无门槛券
手把手带您无忧上云