this指向

  前言

01f36525cfd5f5ec0d2373c587847fbc.png

 我是歌谣 最好的种树是十年前 其次是现在 今天继续给大家带来的是this指向的讲解

 环境配置

f2cce53b50a6f8521e789e848fc7c719.png

npm init -y
yarn add vite -D

 修改page.json配置端口

79ff4082e07f701a4a9d0d97176e9dd2.png

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vite --port 3002"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "vite": "^4.4.9"
  }
}

 案例1

28328932491b20e2791802f66f5ea3b6.png

function Test(b){
    this.d=3;
    var a=1;
    function c(){
    }
}
Test(123)
console.log(window.d)
//

 运行结果

9537cf2decda469eabb93ba8389b2ed3.png

db1b99ad3ff69d5dd9933383250541d7.png

 案例2

fdabcb517db1241e9150e5b9449adb2e.png

function Test(){
    this.name='123'
}
var test=new Test()
console.log(test.name)




function Person(name,age){
    this.name="geyao"
    this.age=18
}
function Programmer(name,age){
    Person.apply(this,[name,age])
    this.work="Programmer"
}
var p=new Programmer("geyao",18)
console.log(p)

 运行结果

ea21d075bf95add8cd973cff6cd39c86.png

6e20fba35d7cb427cc30e39878d2499b.png

下方查看历史文章

fda8744dac1fe91ecbf886673946af20.png

Vuex讲解

关于原始typescript实现todolist笔记(装饰器模式)

react-admin+material ui5.0项目的总结

posted @ 2023-10-24 08:00  前端导师歌谣  阅读(7)  评论(0)    收藏  举报  来源