国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript類和繼承 this屬性使用說明

2019-11-21 00:15:52
字體:
來源:轉載
供稿:網友
this屬性表示當前對象,如果在全局作用范圍內使用this,則指代當前頁面對象window; 如果在函數中使用this,則this指代什么是根據運行時此函數在什么對象上被調用。 我們還可以使用apply和call兩個全局方法來改變函數中this的具體指向。
先看一個在全局作用范圍內使用this的例子:
復制代碼 代碼如下:

<script type="text/javascript">
console.log(this === window); // true
console.log(window.alert === this.alert); // true
console.log(this.parseInt("021", 10)); // 10
</script>

函數中的this屬性是在運行時決定的,而不是函數定義時,如下:
復制代碼 代碼如下:

// 定義一個全局函數
function foo() {
console.log(this.fruit);
}
// 定義一個全局變量,等價于window.fruit = "apple";
var fruit = "apple";
// 此時函數foo中this指向window對象
// 這種調用方式和window.foo();是完全等價的
foo(); // "apple"
// 自定義一個對象,并將此對象的屬性foo指向全局函數foo
var pack = {
fruit: "orange",
foo: foo
};
// 此時函數foo中this指向window.pack對象
pack.foo(); // "orange"

全局函數apply和call可以用來改變函數中this屬性的指向,如下:
復制代碼 代碼如下:

// 定義一個全局函數
function foo() {
console.log(this.fruit);
}
// 定義一個全局變量
var fruit = "apple";
// 自定義一個對象
var pack = {
fruit: "orange"
};
// 等價于window.foo();
foo.apply(window); // "apple"
// 此時foo中的this === pack
foo.apply(pack); // "orange"

注:apply和call兩個函數的作用相同,唯一的區別是兩個函數的參數定義不同。
因為在JavaScript中函數也是對象,所以我們可以看到如下有趣的例子:
復制代碼 代碼如下:

// 定義一個全局函數
function foo() {
if (this === window) {
console.log("this is window.");
}
}
// 函數foo也是對象,所以可以定義foo的屬性boo為一個函數
foo.boo = function() {
if (this === foo) {
console.log("this is foo.");
} else if (this === window) {
console.log("this is window.");
}
};
// 等價于window.foo();
foo(); // this is window.
// 可以看到函數中this的指向調用函數的對象
foo.boo(); // this is foo.
// 使用apply改變函數中this的指向
foo.boo.apply(window); // this is window.
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阜康市| 潼南县| 肇源县| 讷河市| 新邵县| 罗田县| 邢台市| 宁南县| 肇源县| 东乡| 合肥市| 绥江县| 茶陵县| 浦东新区| 彭山县| 汉寿县| 克拉玛依市| 洪江市| 绥化市| 卢氏县| 阳信县| 新安县| 息烽县| 沂南县| 葵青区| 嘉义县| 淮安市| 德阳市| 广州市| 漠河县| 诸城市| 定陶县| 丘北县| 古交市| 伊宁市| 华蓥市| 昆明市| 都匀市| 儋州市| 乌拉特中旗| 蕲春县|