javaScript 运用对象的prototype属性、原型链巧妙的创建对象_创建园的对象,利用prototype属性添加求xh-优快云博客

本文探讨了JavaScript中函数调用时的上下文环境及作用域问题，通过具体实例展示了不同调用方式下this指向的变化，并对比了全局与局部变量的作用范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>

q.aa();

</script>

</head>
<body>
---
</body>

fna("window","007");
console.log("name:"+this.name+"--age:"+this.age);
console.log("name:"+window.name+"--age:"+window.age);
console.log("name:"+name+"--age:"+age);
console.log("name:"+fna.name+"--age:"+fna.age);

var fnaObj=new fna("fnaObj","008");

console.log("name:"+fnaObj.name+"--age:"+fnaObj.age);
console.log("name:"+this.name+"--age:"+this.age);
console.log("name:"+window.name+"--age:"+window.age);
console.log("name:"+name+"--age:"+age);
console.log("name:"+fna.name+"--age:"+fna.age);

function fna1(na,ag){
console.log("name:"+this.name+"--age:"+this.age+"----na:"+na+"----ag:"+ag);
}

var fnaNew=new fna("fnaNew","009");

fna1.call(fnaNew,"call","010");
fna1.apply(fnaNew,["apply","011"]);

</script>

日志: name:window--age:007
日志: name:window--age:007
日志: name:window--age:007
日志: name:window--age:007
日志: name:undefined--age:undefined
日志: name:fnaObj--age:008
日志: name:fnaObj--age:008
日志: name:window--age:007
日志: name:window--age:007
日志: name:window--age:007
日志: name:undefined--age:undefined
日志: name:fnaNew--age:009
日志: name:fnaNew--age:009----na:call----ag:010
日志: name:fnaNew--age:009----na:apply----ag:011

</html>