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 @   前端导师歌谣  阅读(2)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示