js老生常谈之this,constructor,prototype全面解析资源-CSDN文库

const

constructor

36 浏览量 2021-01-19 16:26:23 上传评论收藏 63KB PDF 举报

资源推荐

资源详情

资源评论

js老生常谈之老生常谈之this,constructor ,prototype全面解析全面解析

前言前言

javascript中的this,constructor ,prototype，都是老生常谈的问题，深入理解他们的含义至关重要。在这里，我们再来复习一下

吧，温故而知新！

this

this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window；如果在函数中使用this，则this指代什么是

根据运行时此函数在什么对象上被调用。我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。

先看一个在全局作用范围内使用this的例子：

console.log(this === window); // true

console.log(window.alert === this.alert); // true

console.log(this.parseInt("021", 10)); // 10

函数中的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() {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论收藏

内容反馈

weixin_38654315

粉丝: 5
资源: 962

js老生常谈之this,constructor ,prototype全面解析

最新资源