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

JS高级原型以及函数调用方式

JavaScript 高级 目标 原型 ==函数原型链== 函数和对象的原型链关系 函数的4种调用方式 箭头函数 2.原型 prototype -重点 原型上存放函数 解决了同一个 say 浪费 内存的问题...原型本质是一个对象,理解为 JavaScript 自动帮我们添加的,只要是构造函数,系统会默认的为构造函数关联一个对象,这个对象就称为构造函数原型,写在原型中的成员,可以被构造函数所创建的实例调用 原型是...num1 = 22;//局部变量 console.log(num); // 全局变量在任何地方都能访问到 console.log(num1); } console.log(num); 在js...函数作用域是在函数定义的时候作用域就确定下来了,和函数在哪调用无关。...根据函数内部this的指向不同,可以将函数调用模式分成4种 函数调用模式 方法调用模式 构造函数调用模式 上下文调用模式(借用方法模式) 函数调用模式 如果一个函数不是一个对象的属性时,就是被当做一个函数来进行调用

9610

6.3 被调用函数的声明和函数原型

一、被调用函数需要具备的条件 (1)首先被调用函数必须是已经定义的函数(是库函数或者用户自己定义的函数) (2)如果使用库函数,应该在本文件开头用#include指令将调用有关库函数时所需用到的信...息“包含”到本文件中来 (3)如果使用用户自己定义的函数,而该函数的位置在调用它的函数的后面,应该在主调函 数中对被调函数作声明 二、函数声明 一般形式 (1)函数类型 函数名(参数类型...1 参数名1,参数类型2 参数名2,...参数类型n 参数名n) (2)函数类型 函数名(参数类型1,参数类型2,...参数类型n) 注意:如果已在文件的开头(在所有函数之前),已经对本文件中所调用函数进行了声...明,则在个函数中不必对其所调用函数再作声明 原创不易,未经本公众号允许禁止转载,否则追究法律责任

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

    JS高级」构造函数原型

    constructor 主要用于记录该对象引用于哪个构造函数,它可以让原型对象重新指向原来的构造函数。 一般情况下,对象的方法都在构造函数原型对象中设置。...如果有多个对象的方法,我们可以给原型对象采取对象形式赋值,但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。...1.8构造函数实例和原型对象三角关系 构造函数的prototype属性指向了构造函数原型对象; 实例对象是由构造函数创建的,实例对象的__proto__属性指向了构造函数原型对象; 构造函数原型对象的...; // 输出15. var arr02 = new Array(1, 2, 3); console.log(arr02.sum()); // 输出6. 2.继承 2.1call() call()可以调用函数...console.log(this); console.log(x + y); } var o = { name: 'andy' }; fn.call(o, 1, 2);//调用函数此时的

    1.5K50

    详解js原型,构造函数以及class之间的原型关系

    image 1. prototype 含义: 是一个函数的属性,这个属性是一个指针,指向一个对象 作用: 构造函数调用 访问该构造函数所关联的原型对象 2. proto 含义: 是一个对象拥有的内置属性...,是js内部使用寻找原型链的属性,通过该属性可以允许实例对象直接访问到原型 3. constructor 含义:原型对象的constructor 指向其构造函数,如果替换了原型对象之后,这个constructor...image 原型链 ? image 构造函数以及js原生Object对象之间的原型关系 ? image 原型的注意事项 当对象在访问属性和方法的时候,会现在自身查找,如果没有才回去原型中找。...js通过构造函数以及原型链来实现继承。...this打印出来是window console.log(this); return obj; } var p = CreatePerson("小明", 18, "male"); // 调用方式是函数调用方式

    1.6K20

    JS原型原型

    值得注意的是typeof (null)会返回Object,这是因为JS二进制前三位都为0的话会被判断为Object类型,null的二进制表示是全0,自然前三位也是0,所以执行typeof时会返回Object..."; console.log(stu.name) // Ming prototype 每个函数对象都会有一个prototype属性,prototype就是调用构造函数所创建的那个实例对象的原型,prototype...,它总是指向prototype,就是指向构造函数Student的原型对象prototype。...若stu寻找到了调用的方法或属性,则不会使用__proto__寻找原型对象。...原型链可以简单理解为将原型连成一条链,js每一次获取对象中的属性都是一次查询过程,如果在自有属性中找不到就会去原型对象中查找,如果原型对象中还查不到,就回去原型对象的原型中查找,也就是按照原型链查找,

    1.7K50

    js原型原型

    ) // Kevin Person 就是一个构造函数,使用 new 创建了一个实例对象 person 原型(prototype) 每个函数都有一个 prototype 属性 每一个JavaScript对象...__proto__ === Person.prototype); // true constructor 每个原型prototype 都有一个 constructor(构造函数)属性,这个属性(是一个指针...原型原型链 一张图搞懂: 函数与 Function 的关系 函数就是 Function 的实例....即 Function 就是函数的构造函数,实例对象有一个继承的 constructor 属性, 该方法指向就是构造函数 自己定义一个函数( 任意的函数 ), 可以知道函数的 constructor 就是...__proto__ === Object.prototype); // true 应用 继承 看我这篇文章:js实现继承 增删查改 function Person() { } // 增 Person.prototype.name

    2.1K10

    JS面试必问-JS原型原型

    为什么需要原型js中万物皆对象,对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的,可以归为一类,他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。...所以,在js中怎么才能让多个对象共享一个或多个方法呢?原型的出现就是为了解决这个问题。...我们上面讲过,js每一次获取对象中的属性都是一次查询过程,如果在自有属性中找不到就会去原型对象中查找,如果原型对象中还查不到,就回去原型对象的原型中查找,也就是按照原型链查找,直到查找到原型链的顶端,也就是...在js中,对象都有__proto__属性,一般这个是被称为隐式的原型,该隐式原型指向构造该对象的构造函数原型。...从原型链机制的的角度来说,那就是说所有的函数都能通过原型链找到创建他们的Object构造函数的构造原型Object.prototype对象 Function是构造函数,所以它是函数对象 函数对象都是由Function

    1.6K20

    【Kotlin】apply 内联扩展函数 ( apply 函数原型 | apply 函数示例 | Kotlin 调用 Java API )

    内联扩展函数 apply II . Kotlin 调用 Java API III . apply 内联扩展函数示例 ( 调用 Java API 处理图像 ) I ....内联扩展函数 apply ---- 1 . apply 函数原型 : 泛型 T 类型对象 , 调用 apply 方法 , 后面定义了一个闭包代码块 ; 调用 apply 方法的对象类型是泛型 , 说明任何对象都可以调用该方法...: 扩展了调用 apply 函数的泛型类型 T 的对象的操作方法 , 等同于为泛型 T 对象定义了一个新的方法 ; 3 . apply 函数调用对象 : 所有的对象都可以调用 apply 函数 , 4...闭包代码块 说明 : ① 主要功能 : apply 函数可以指定要执行的代码块 , 再代码块中可以使用 this 访问其调用对象 , 执行完毕后 , 会自动返回该对象 ; ② 调用 T 对象本身 : 使用...语言中也可以调用 Kotlin 的类和方法 ; 因此 Kotlin 中是可以调用 Java 的 API 函数库的 , 这极大的拓展了 Kotlin 的功能 ; III . apply 内联扩展函数示例

    2.6K20

    JS 原型

    JS 原型链 1. 原型原型链的基础结论 1.1 函数与对象的关系 函数是对象,对象都是通过函数创建的。 函数与对象并不是简单的包含与被包含的关系。...1.2 原型的类别 显示原型:prototype,是每个函数function独有的属性。 隐式原型: __proto__,是每个对象都具有的属性。...1.3 原型原型原型:一个函数可以看成一个类,原型是所有类都有的一个属性,原型的作用就是给这个类的一个对象都添加一个统一的方法。...经典的原型原型链的分析 「接下来我们将主要讲解以下类别:」 image-20220110144233519 2.1 函数.prototype **前提结论:**函数都是对象,每个函数都自带一个属性叫做...f.prototype.b = 3; f.prototype.c = 4; // 不要在 f 函数原型上直接定义 f.prototype = {b:3,c:4};这样会直接打破原型链 // o.

    2.3K30

    js原型入门

    构造函数的效率 一般情况下,我们是使用构造函数进行一些类定义的,在构造函数中你会定义一些这个对象需要用到的属性或者方法。比如下面的Dog的代码。...之所以出现这样的问题,是因为我们没有充分利用好js的对象模型,其是基于原型的概念的。 原型是什么 js可以从其他对象那里继承属性和行为,更具体的说js使用原型继承。其中其行为继承的对象称为原型对象。...5 在找到方法之后完成调用 总结:在使用原型继承之后,其会调用同一个bark方法,大量的节省了内存。...this是指向原型对象的,同样我们也很好理解在没有原型的时候,this调用指向的是对象本身,但是你在调用原型原型的方法时你可能认为this指向的是原型对象,其实并非如此。...调用方法时,this被设置为方法被调用的对象,即便在对象中找不到该方法,在原型中找到了方法,也不会修改其this的指向。

    1.5K11

    js原型

    显示原型 1.每一个构造函数都有一个prototype属性,默认指向一个空Object对象(原型对象) function fun(){ } console.log(fun.prototype ) //{...) //true 5.构造函数与它的原型对象有一个相互引用的关系 6.原型对象上添加的方法用于实例对象上使用 隐式原型 每一个实例对象都有一个__proto__属性,称之为隐式原型 对象的隐式原型的值为其对应构造函数的显示原型的值...is not a function 代码简易的内存结构如下 当执行 fn.test1()时先对象自身查找发现有,直接调用test1() 当执行fn.test2()时,自身对象上没有test2,接下来看构造函数原型对象上是否有...test2,发现有直接调用test2 当执行fn.toString(),时,自身对象没有,接下来查找它构造函数原型对象上是否有toString(),发现没有,接下来又继续沿着Fn原型对象的构造函数原型对象上查找找到...toString() 当执行fn.test3()时,查找自身对象没有,它直接的构造函数对象的原型对象上也没有,接下来沿着Fn原型对象的构造函数原型对象的构造函数原型对象上查找,这里已经找到原型链的尽头

    2.1K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券