【修订中】js 中apply call bind 用法

一、call、apply可以翻译成继承或者借调 区别:传参不同

  • 可以调用函数
  • 可以改变函数中this的指向

二、js 语法词法:

  • 普通函数

构造函数:

  • 为什么不在构造函数中写方法

    function Student(n, a) {
    this.uname = n;
    this.age = a;
    this.sayHi = function () {
    console.log('大家好', this.uname);
    }
    }

    // sayHi = function () {
    // console.log('大家好', this.uname);
    // }
    // // 二.在原型中定义方法
    // Student.prototype.sayHi = function () {
    // console.log('大家好');

    // 三.实例化对象
    var stu = new Student('xiaoming', 20);
    var stu1 = new Student('xiaomei', 18);

    // console.log(stu.sayHi)
    // console.log(sayHi())
    // 四.测试
    console.log(stu.sayHi === stu1.sayHi); false

只要new 一次 就会新开一个新的空间地址 如果有1万个 就会开1万个空间地址,就会浪费地址资源,所以不在构造函数中写方法,那如何解决这个问题呢 就是使用原型对象解决

解决方法是(也不支持):这样写虽然显示true 但是作为普通函数就会出现undeinfd

复制代码
function Student(n, a) {
    this.uname = n;
    this.age = a;
    this.sayHi = sayHi
}

sayHi = function () {
    console.log('大家好', this.uname);
}
// // 二.在原型中定义方法
// Student.prototype.sayHi = function () {
//     console.log('大家好');

// 三.实例化对象
var stu = new Student('xiaoming', 20);
var stu1 = new Student('xiaomei', 18);

stu.sayHi()
sayHi()   //如果拿普通方法去调用的时候 就会出现大家好 undefind 
// 四.测试
console.log(stu.sayHi === stu1.sayHi); true
所以针对上面这些问题的想法 共享方法就是从原型对象上处理

原型对象

实例对象

原型模式:方法共享

构造函数与原型对象的关系 函数一定有一个prototype 实例对象(对象)一定有_proto_ 他俩是相等的

实例对象与原型对象的关系

在构造函数中定义属性

在原型中定义方法

只要是引用类型都存在__proto__ 属性 哪些是引用类型?对象 数组 函数

只要是函数类型都存在 prototype

函数的__proto__指向的是什么?

函数的prototype 指向的是什么?

相关推荐
white-persist14 小时前
SQL 注入详解:从原理到实战
前端·网络·数据库·sql·安全·web安全·原型模式
white-persist1 天前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
魔云连洲4 天前
深入解析:Object.prototype.toString.call() 的工作原理与实战应用
前端·javascript·原型模式
white-persist5 天前
Burp Suite模拟器抓包全攻略
前端·网络·安全·web安全·notepad++·原型模式
青草地溪水旁5 天前
第五章:原型模式 - 克隆大法的大师
c++·设计模式·原型模式
white-persist5 天前
【burp手机真机抓包】Burp Suite 在真机(Android and IOS)抓包手机APP + 微信小程序详细教程
android·前端·ios·智能手机·微信小程序·小程序·原型模式
XiaoLeisj10 天前
【SpringAI】第四弹:深入解析 Rag 检索增强工作流程、最佳实践和调优
阿里云·原型模式·rag·spring ai·灵积大模型
CoderIsArt11 天前
四种对象型创建模式:抽象工厂、 build模式、原型ProtoType与单例模式
单例模式·原型模式
Misnearch12 天前
原型模式了解
原型模式
charlie11451419114 天前
精读《C++20设计模式》——创造型设计模式:原型模式
设计模式·程序设计·原型模式·c++20