JSで継承を実装する方法は何ですか

今回は、JSで継承を実装する方法と、JSで継承を実装する際の注意事項について説明します。以下は実際的なケースです。

私たちは皆、オブジェクト指向の 3 つの主要な特徴がカプセル化、継承、ポリモーフィズムであることを知っています。 カプセル化は、プロパティとメソッドをプライベート化することに他なりません。そのため、JS でプライベート プロパティとプライベート メソッドを提供します。 JS にはポリモーフィズムがないため、JS はオブジェクト指向言語ではなく、オブジェクトベース言語であると言われます。 つまり、オブジェクト指向の 3 つの大きな特徴のうち、JS で最も重要なのは継承です。

1. 継承の基本概念

2. オブジェクトのプロトタイプを拡張して継承を実装します

functionParent(){}

funtion Son(){}

Object オブジェクト に拡張メソッドを追加します。 りー

Son.customExtend(Parent);

3. 呼び出しと適用を使用して継承を実装します

詳細な手順は次のとおりです:

funtion Parent(){}

functionSon(){}

りー

4. プロトタイプを使用して継承を実装します

functionParent(){}

functionSon(){}

Son.prototype =newParent();

5. 閉鎖

局部变量：函数内声明的变量

在JS中，函数为唯一的局部作用域，而if、for等其他{}没有自己的作用域

所以，函数外不能访问局部变量。其实，变量在函数执行完毕以后，占用的内存就会被释放。

2、闭包

在概述中，我刚刚提到，面向对象的三大特征中的“封装”，我们可以用函数的私有属性来实现。这个私有属性，其实也就是局部变量。

但是我们都知道，封装是限制外部的访问，并不是直接拒绝外部的访问，那么我们在函数中私有的属性，怎么才能在外部访问呢？答案就是闭包！

JS中，提供了一种"闭包"的概念：在函数内部，定义一个子函数，可以用子函数访问父函数的私有变量。执行完操作以后，将子函数通过return返回。

代码示例：

functionfunc2(){varnum = 1;functionfunc3(){varsum = num+10;
alert(sum);
}returnfunc3;
}varf =func2();
f();

3、闭包的作用：

① 访问函数的私有变量；

② 让函数的变量始终存在于内存中，而不被释放。

4、闭包的典型应用

我们来做这样一个功能：页面中有6个li，要求实现点击每个li，弹出这个li对应的序号。

HTML代码很简单：

那JS代码呢？我觉得很大一部分同学会这样写：

varlis = document.getElementsByTagName("li");for(vari=0;i
lis[i].onclick=function(){
alert("您/点击了第"+i+"个li！");
}

那么，这样对吗？不对！！！我们来分析一下：页面加载的时候，JS代码会全部执行，也就是上面的for循环在页面加载完就已经执行完了！那，这个i就已经变成了lis.length。也就是说，你在点击li的时候，无论点击第几个，弹出的都是lis.length。

那么，我们应该怎么修改呢？看代码！

varlis = document.getElementsByTagName("li");for(vari=0;i
lis[j].onclick=function(){
alert("您/点击了第"+j+"个li！");
}
}();
}

区别在哪？明眼人一眼就看穿我们在for循环外面嵌套了一层自执行函数！这种函数套函数的形式，就形成了闭包！

那作用呢？我们刚才强调，闭包的自执行函数会有自己的作用域。在函数里面的代码没有执行的时候，自执行函数中的j是不会被释放掉的！

也就是说，循环转了6次！生成了6个独立的函数空间，每个空间中有自己独立的j变量，所以最终不会出现所有li点击都是lis.length的情况！                         

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

使用jquery与ajax进行数据交互

echarts实现饼图扇区统计表的添加点击事件

JavaScript面向对象与this指向（附代码）

以上がJSで継承を実装する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。