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

JavaScript原型函数不会覆盖原始函数

在JavaScript中,原型函数是一个特殊的对象,它们不会覆盖原始函数。原型函数是一个对象的构造函数,它们可以用来创建新的对象。原始函数是JavaScript中的内置函数,例如toString()valueOf()等。

当我们使用原型函数时,它们不会覆盖原始函数。原始函数仍然可以正常使用。例如,如果我们定义了一个名为Person的原型函数,我们仍然可以使用toString()函数来获取对象的字符串表示形式。

以下是一个简单的示例:

代码语言:javascript
复制
function Person(name, age) {
  this.name = name;
  this.age = age;
}

var person1 = new Person("John", 30);

console.log(person1.toString()); // 输出 [object Object]

在这个示例中,我们定义了一个名为Person的原型函数,并使用new关键字创建了一个新的Person对象。然后,我们使用toString()函数来获取对象的字符串表示形式。尽管我们定义了Person原型函数,但是toString()函数仍然可以正常使用。

总之,原型函数不会覆盖原始函数,因此我们可以放心使用原型函数而不必担心会影响到原始函数的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

检查原生 JavaScript 函数是否被覆盖

/[1] 作者:https://mmazzarolo.com/about/[2] 你如何确定一个JavaScript原生函数是否被覆盖?...JavaScript原生函数JavaScript中,原生函数指的是其源代码已经被编译进原生机器码的函数。...由于JavaScript的动态特性,开发者可以覆盖浏览器暴露的原生函数。这种技术被称为"猴子补丁[5]"。 猴子补丁 猴子补丁主要用于修改浏览器内置API和原生函数的默认行为。... // 在任何其他脚本有机会修改原始的原生函数之前,存储一个引用。...它要求在运行应用程序中的任何其他代码之前存储原始函数引用(以确保它仍然未被触及),有时你将无法做到这一点(例如,你正在构建一个库)。

58520

JavaScript笔记(2) 构造函数原型

构造函数原型 目标: 这些之前都学过的我就不多赘述了,直接将图片贴上来了 JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的this上添加....构造函数原型prototype 构造函数通过原型分配的函数是所有对象所共享的....JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象.注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有....对象原型__proto__ 对象都会有一个属性__proto__指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有__proto...,相当是在这个对象上添加方法;但是我们现在用的是"=",也就是赋值的方法,自然就把Star.prototype给覆盖掉了.

38510
  • JavaScript原型链继承与盗用构造函数继承

    ---- theme: channing-cyan 这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战 昨天我们讲解了原型原型链,今天我们说一下继承,顺便再重温一下原型链 什么是继承 继承这个词比较容易理解...原型链继承 原型链继承是js中的主要继承方式,它的基本思想就是通过原型继承多个引用类型的属性和方法。...对于属性和方法一直会持续到原型链末端 原型链虽然是比较强大的继承实现工具,但是它里面所有的引用值都是实例间共享的,而且子类不能向父类传参,一般原型链也不会被单独使用,我们可以通过盗用构造函数配合来解决这些问题...盗用构造函数 盗用构造函数有时候也被一些人叫做“对象伪装”或“经典继承”。这个思路很简单,在字类构造函数中调用父类构造函数。我们可以用.call()和.apply()将父类构造函数引入子类函数。...盗用构造函数也有一定的问题 1、只能继承父类构造函数的属性。 2、无法实现构造函数的复用。(每次用每次都要重新调用) 3、每个新实例都有父类构造函数的副本,臃肿。

    40720

    构造函数原型原型链、继承

    __proto__.split; //true 每个函数只要被创建就会有一个prototype属性,它的值就是原型对象(所以访问原型对象有两条途径:函数的prototype、实例对象的__proto_...this.nation){ Person.prototype.nation = 'Chinese' }; }; 原型函数被创建后prototype指向了默认的原型对象,如果使用new调用该函数来生成一个对象...实际上,由于原型对象B是由Object()函数创建的,而Object()函数的prototype的__proto指向的是null,所以一条原型链的起点是实例对象,终点是null,中间由__proto__...man.say(); //"name: paykan, age: 29, intrest: coding" 这种继承方式有以下几个特点: 子类继承了父类所设定的属性,但每个实例对象都可以有自己的属性值,不会互相影响...子类共享了父类定义的方法,因为方法是在父类的prototype上的,所以不会在每个实例对象上创建一遍 如果有哪个属性是可以被所有实例对象共享的,可以设置到父类的prototype上去。

    76620

    构造函数原型

    1.4构造函数原型prototype 1.构造函数通过原型分配的函数是所有对象所共享的。 2.JavaScript 规定,每一个构造函数都有一个prototype 属性,指向另一个对象。...如果有多个对象的方法,我们可以给原型对象采取对象形式赋值,但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。...1.7原型链 每一个实例对象又有一个proto属性,指向的构造函数原型对象,构造函数原型对象也是一个对象,也有proto属性,这样一层一层往上找就形成了原型链。 ?...1.8构造函数实例和原型对象三角关系 1.构造函数的prototype属性指向了构造函数原型对象 2.实例对象是由构造函数创建的,实例对象的__proto__属性指向了构造函数原型对象 3.构造函数原型对象的...注意∶数组和字符串内置对象不能给原型对象覆盖操作Array.prototype =(,只能是Array.prototype.xxx =function08的方式 //

    35810

    构造函数原型

    静态成员和实例成员 JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的this.上添 加。通过这两种方式添加的成员,就分别称为静态成员和实例成员。...4.构造函数原型prototype(原型对象) 构造函数通过原型分配的函数是所有对象所共享的。 JavaScript 规定,每一个构造函数都有一个prototype 属性,指向另一个对象。...如果有多个对象的方法,我们可以给原型对象采取对象形式赋值, 但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。...9.原型链和JavaScript的成员查找机制 任何对象都有原型对象,也就是prototype属性,任何原型对象也是一个对象,该对象就有__proto__属性,这样一层一层往上找,就形成了一条链,我们称此为原型链...注意:数组和字符串内置对象不能给原型对象覆盖操作Array.prototype= { }, 只能是Arrayprototype.xx = function(){}的方式。

    48250

    JavaScript函数 ① ( 函数引入 | 函数声明 | 函数调用 )

    一、JavaScript 函数 1、函数引入 JavaScript 代码编写时 , 会遇到 定义 大量相同或相似代码的 场景 , 这些代码可能需要重复使用 , 这种情况下就需要 将 这些代码 定义在 函数...中 ; JavaScript 函数 是一段可以重复使用的代码块 , " 函数 " 可以 接受 若干输入参数 , 在 函数体 中进行 计算 或 执行操作,并返回 返回值 ; 借助 函数 可以 组织和重用代码..., 使代码更加清晰和易于维护 ; 函数 的 目的 就是 重复使用代码 ; 使用函数 就是 声明函数 和 调用函数 ; 2、函数声明 在 JavaScript 中 , 使用 function 关键字 声明函数...; 函数定义语法格式 : // 声明 JavaScript 函数 function functionName(parameter1, parameter2, ...) { // 函数体:执行的代码块...字符串 ; 3、函数调用 函数声明后 , 本身不会自动执行 函数体中的代码 , 只有 调用函数后 , 才会执行 函数体代码 ; 函数调用 语法格式 : functionName(argument1, argument2

    14610

    JavaScript学习总结(三)——闭包、IIFE、原型函数与对象

    闭包就是能够读取其他函数内部变量的函数。定义在一个函数内部的函数。 作用:局部变量无法共享和长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。...2.5、对象的原型 javascript是一种动态语言,与C#和Java这样的静态语言是不一样的;javascript并没有严格的类型,可以简单认为javascript是由对象组成的,对象间连接到原型(...在JavaScript中,原型也是一个对象,通过原型可以实现对象的属性继承,JavaScript的对象中都包含了一个"Prototype"内部属性,这个属性所对应的就是该对象的原型。...关于原型函数中会再讲到。...三、函数 javascript中的函数就是对象,对象就是“键/值”对的集合并拥有一个连接到原型对隐藏连接。 ? 属性 arguments[] 一个参数数组,元素是传递给函数的参数。反对使用该属性。

    1.5K60

    Linux内核如何替换内核函数并调用原始函数

    浙江温州皮鞋湿,下雨进水不会胖。周六的雨夜,期待明天的雨会更大更冷。 已经多久没有编程了?...替换一个已经在内存中的函数,使得执行流流入我们自己的逻辑,然后再调用原始函数,这是一个很古老的话题了。...那么如果我们想用替换函数的Trick做正常的事情,怎么办? 我来简单谈一下我的方法。首先我不会去HOOK用户态的进程的函数,因为这样意义不大,改一下重启服务会好很多。...直接就是一个jmp y,这岂不是将原始函数中的头几个字节的指令给遗漏了吗?...在我保存原始函数的头n条指令的时候,n到底是多少呢?在本例中,显然n是5,符合如今Linux内核函数第一条指令几乎都是callq xxx的惯例。

    3.4K20

    JavaScript函数

    JavaScript函数 一、函数的概念 在JS中,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。...二、函数的使用 1.声明函数 语法: function 函数名(){ // 函数体 }; 注意: function 声明函数的关键字,全部小写; 函数名一般为动词; 函数不调用不会执行...2.调用函数 函数名( ) 三、函数的参数 形参和实参 function 函数名(形参1,形参2,...){ // 函数体 }; 函数名(实参1,实参2,...); 在声明函数的小括号里面是形参...在JavaScript中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。...六、函数的两种声明方式 利用函数关键字自定义函数(命名函数) function 函数名(){ // 函数体 }; 函数表达式(匿名函数) var 变量名 = function(){ //

    77020

    JavaScript 函数

    类似于Java中的方法,是完成特定任务的代码语句块;特点使用更简单,不用定义属于某个类,直接调用执行;常用系统函数使用JavaScript编程时,函数是一种非常有用的编程结构,用于执行特定的任务并返回结果...函数可以重复使用,因此您只需编写一次代码,即可在需要时多次调用该代码。定义函数JavaScript中,您可以使用 function 关键字来定义一个函数。...当您调用函数时,将执行在函数定义中指定的代码。调用函数要调用函数,只需使用函数名称和一对括号。...例如,如果您定义了上面的 myFunction 函数,您可以使用以下代码来调用它:myFunction();函数参数函数可以接受参数,这些参数在函数调用时传递给函数。您可以在函数定义中指定这些参数。...匿名函数除了使用 function 关键字定义命名函数外,您还可以使用匿名函数。匿名函数是没有名称的函数,通常用于在需要时声明和使用单次函数

    55120

    JavaScript 函数

    2 函数的使用 声明函数 // 声明函数 function 函数名() { //函数体代码 } function 是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的,...注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。...形参可以看做是不用声明的变量 num2 是一个变量但是没有接受值 结果就是undefind getSum(1); //NaN //尽量让实参的个数和形参的个数相匹配 注意:在JavaScript...function getSum(num1, num2) { return num1 + num2; // return后面的代码不会被执行 alert("我是不会被执行的哦...JavaScript 中,arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参。

    79820

    JavaScript——函数

    函数的使用 1.声明函数 function 函数名() { //函数体 } function是声明函数的关键字,全部小写 函数是做某件事情,函数名一般是动词 函数不调用自己不执行...2.调用函数 函数名();//通过调用函数名来执行函数体代码 调用函数的时候不能忘记加小括号 口诀:函数不调用,自己不执行。...return语句后面的代码不会被执行 function getSum(num1, num2) { return num1 + num2; alert('不会被执行...在JavaScript中,arguments实际上是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参。...利用函数关键字自定义函数(命名函数) function fn() { } fn(); 利用函数表达式声明函数(匿名函数) var fun = function() {

    85940

    JavaScript 函数

    content {:toc} 本文为慕课网 JavaScript深入浅出 JavaScript 函数笔记。 概念 函数是一块JavaScript代码,被定义一次,但可执行和调用多次。...JS中的函数也是对象,所以JS函数可以像其它对象那样操作和传递。 所以我们也常叫JS中的函数函数对象。...一般用于调试方便,如果使用匿名函数,执行的时候看不到函数名,命名函数表达式是可以看到函数名的。 或者在递归时,使用名字调用自己。 但是这两种用法都不常见。...赋值的过程是在函数执行到响应位置的时候才进行的。 Function 构造器 除了函数声明、函数表达式。还有一种创建函数对象的方式,是使用函数构造器。...并且 this 会被初始化为一个空对象,这个空对象的原型指向 foo.prototype。所以后面的 bind 是不起作用的。 这里面这个 this 对象包含一个属性 b = 100。

    51610

    javascript函数

    前言 继《初探 javascript》之后的,进一步学习的成果,有成果则记录之,水文也。...内容 函数的基本格式 //定义一个函数 function 函数名字(这里是参数根据需要写与不写){ 执行的语句 } //运行一个函数 函数名字(里是参数根据需要写与不写); **举个没有参数的函数的例子...**举1个带参数的函数的例子:** function abc(num){ alert(num); } abc(12); //这个函数的结果就是弹出个提示框,上面显示着“12”。...**举2个带参数的函数的例子:** function abc(a,b){ alert(a+b); } abc(1,2); //这个函数的结果就是弹出个提示框,上面显示着“3”。...匿名函数,就是没有名字的函数 一个事件=function(){ 执行的语句 } //触发这个事件,就执行这个函数内的语句。 暂时性成果 YoduBGM背景音乐插件0.5.0版采用了匿名函数的写法。

    42410
    领券