首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js函数对象关系快速记忆

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 原型链的顶端。

71530
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS处理函数对象作为参数传递

    做项目的时候遇到一个不是很常见的问题,就是js函数传递参数的时候,我们一般是传递一个数字或者是一个字符串,但是当你的需求满足不了的时候,就需要将对象或者数组作为一个参数传递过去,这个时候怎么做呢,今天简单的说有一下...这个是典型的三层的json结构,所以遍历的难度是不大的,就是很容就遍历出错,我的需求当然不是说仅仅将这些数据遍历出来就可以了,我需要做的是将最里层的data拿到,作为对象传递过去,因为这是每一个订单的具体内容...这个时候我们看上面的数据结构,最外层的是model_list包括的,所以直接取出来,拿到以后呢将我们需要的data拿到,转为json格式的,这个时候我们下面需要用到里面数据的时候就比较容易拿到,下一步就是怎么将对象...data作为一个参数传递过去,我们需要这样处理一下: JSON.stringify(detalData).replace(/\"/g, "'") 将我们拿到的json对象转为string的字符串,然后用正则表达式将里面所有的

    7.1K30

    JS对象+构造函数+原型对象谈恋爱了嘛。

    Person("zs", 44); obj2.say(); console.log(obj2.currentType); /** * prototype的特点:存在在原型对象里面的属性与方法可以被构造函数的所有对象所共享...);//构造函数里面的prototype指向了对象(原型对象) /*2.每个"原型对象"中都有一个默认的属性, 叫做constructor constructor指向当前原型对象对应的那个..."构造函数" */ console.log(Person.prototype.constructor);//原型对象里面的constructor属性指向了函数(当前原型对象对应的那个..."构造函数") /*3.通过构造函数创建出来的对象我们称之为"实例对象" 每个"实例对象"中都有一个默认的属性, 叫做__proto__ __proto__指向创建它的那个构造函数的...__proto__);//实例对象的__proto__指向了对象(构函数里面的原型对象) ?

    1.2K10

    前端进阶JS函数增强与对象增强

    JS函数增强 函数属性 JavaScript中函数也是一个对象,那么对象中就可以有属性和方法,他有一些默认的属性 name 函数名 length 函数参数个数(ES6 ......语法不会被算在内) arguments 类似数组对象 可以i用索引来获取对象 rset PS: 箭头函数不绑定 Arguments 对象 arguments 转为数组对象常见方法 普通的方法 就是将内容一个一个迭代到新数组了...他是一个特殊函数可以将传入的字符串当作js代码执行 可读性差 有注入风险 必须经过解释器 不会得到引擎的优化 严格模式的使用 js的局限性 : JavaScript 不断向前发展且并未带来任何兼容性问题...; 新旧代码该新模式对于向下兼容有帮助但是也有问题出现 就是创造者对于js的不完善之处会一直保留 ES5标准中提出了严格模式的概念,以更加严格的方式对代码进行检测和执行 只需要在代码的开头或者函数的开头...加入use strict就可以开启严格模式 JS对象增强 数据属性描述符 我们的属性一般定义在对象的内部或者直接添加到对象内部,但是这种方式我们就不能对属性进行一些限制,比如这个属性是否是可以通过delete

    65930

    JS 函数中的 arguments 类数组对象

    箭头函数中没有 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

    5.4K20

    秒懂JS对象、构造器函数和原型对象之间的关系

    学习JS的过程中,想要掌握面向对象的程序设计风格,对象模型(原型和继承)是其中的重点和难点,拜读了各类经典书籍和各位前辈的技术文章,感觉都太过高深,花费了不少时间才搞明白(个人智商是硬伤/(ㄒoㄒ)/~...一、基本概念   1、对象:属性和方法的集合,即变量和函数的封装。每个对象都有一个__proto__属性,指向这个对象的构造函数的原型对象。   ...2、构造器函数:用于创建对象函数,通过new关键字生成对象函数名一般首字母大写的。   ...3、原型对象:每个函数都有一个prototype属性,它是一个指向原型对象的指针(原型对象在定义函数时同时被创建) 二、创建对象的方法   1、使用构造函数和原型对象共同创建 ?...如上图,构造器函数Person(),通过new关键字创建了两个实例化对象p1、p2,这两个新对象都继承了,构造器Person()函数prototype属性所指向的原型对象

    1.8K70

    JS入门难点解析11-构造函数,原型对象,实例对象

    如果有return且后面返回一个对象(包括函数),则返回该对象。 3. 实例对象 第2节我们已经阐述了构造函数的定义和使用方法,现在我们来看一下实例对象的定义。...实例对象:通过构造函数的new操作创建的对象是实例对象,又常常被称为对象实例。可以用一个构造函数,构造多个实例对象。下面的f1和f2就是实例对象。...简而言之,任何一个函数,都拥有一个prototype属性,指向其原型对象,该原型对象也是由该函数new调用创造的所有实例对象的原型对象。 5....构造函数,原型对象和实例对象的关系 5.1 指向关系 构造函数A的prototype属性指向F与其实例对象(a1,a2,...)的原型对象A.prototype,该原型对象的constructor属性指向构造函数...参考 javascript面向对象系列第一篇——构造函数和原型对象 JS入门难点解析10-创建对象 深入理解js构造函数 JavaScript构造函数详解 BOOK-《JavaScript高级程序设计

    1.6K10

    JS对象

    概述 JavaScript中: js中的对象就是生活中对象的一个抽象, 没有特征和行为,取而代之的是有对应的属性和方法; var stu = { name : '张三',...的name属性 工厂函数 传统构造函数的创建出来的对象不具备约束性和规范性,如果需要批量创建同一种对象时,会出现大量的冗余代码。...,类型是Student 2.new 会让this指向这个新的对象 3.执行构造函数 目的:给这个新对象加属性和方法 4.new会返回这个新对象 自定义构造函数总结: 1.建议构造函数首字母要大写...2.构造函数要和new一起使用才有意义。 3.构造函数的作用是用于实例化一个对象,即给对象添加属性和方法。...// 结构 : Object.keys(对象) Object.keys(obj) 值类型与引用类型 JS数据类型 简单数据类型:number、string、boolean、undefined

    11.5K72

    前端day10-JS学习笔记(数组、函数对象)

    自调用函数 1.什么是自调用函数函数自己调用自己 最常见的:匿名函数自调用 2.自调用函数作用 开辟作用域,js中只有函数才可以开辟作用域 3.匿名函数自调用语法:( function(){} )...() 将整个函数使用小括号包裹,然后在后面再加上小括号调用 //补充:其实有名字的函数也可以自己调用自己,只是比较少见 03-对象(语法学习) 3.1-对象介绍 对象作用:一个变量存储多个数据 对象与数组异同点...相同点:一个变量存储多个数据 不同点: 数组有序存储:元素与下标一一对应 对象无序存储:属性名与属性值一一对应(键值对) 3.png 3.2-对象取值与赋值 a.声明: var 对象名 = {...(最常用)简洁方式: var 对象名 = { 属性名:属性值 } var p1 = {name:'张三'}; //2.构造函数: //构造函数:如果调用一个函数使用了new...( p1 ); console.log ( p2 ); 最后来一张思维导图: JavaScript-数组、函数对象.png

    1.8K00

    JS基础第二课(函数对象篇)

    (1)js解析器:预解析+代码执行 (2)变量提升:js引擎会把代码中所有的var声明提升到作用域的最顶层(函数的顶层),但是赋值不会被提升 console.log(a...(不设置函数名) ④ 获取属性值:对象名.属性名、对象名['属性名'] 获取方法:对象名.方法名() (2)方法二:new Object() var user = new...:特殊的函数,用来初始化对象 function 构造函数名(参数1,参数2...){     this.属性名 = 值  //this:解析器每次在调用函数的时候都会想函数的内部传递一个隐含的参数    ...执行构造函数里面的代码,给这个空对象去添加属性跟方法         d....1、JavaScript对象分为 自定义对象、内置对象、浏览器对象 2、内置对象 js语言自带的对象,供开发者使用,提供一些常用的,基本的属性和方法,帮助快速开发 3、参考文档 JavaScript

    47440

    函数对象

    概念: 重载调用函数操作符的类,其对象称为函数对象 函数对象使用重载()时,行为类似函数调用,也叫仿函数 函数对象本质是一个类,不是一个函数 函数对象使用: features: 1.函数对象在调用时...,可以像普通函数一样调用,可以有参数,可以有返回值 #include using namespace std; #include //函数对象 //1.函数对象在调用时...,函数对象可以有自己的概念 #include using namespace std; #include //函数对象 //2.函数对象超出普通函数的概念,函数对象可以有自己的概念..."); A("函数对象"); A("函数对象"); cout << A.count << endl; } int main() { test(); system("pause"); return...0; } 3.函数对象可以作为参数传递 #include using namespace std; #include //函数对象 //3.函数对象可以作为参数传递

    28210
    领券