検索
ホームページウェブフロントエンドjsチュートリアルJavaScript学習記(9) jsオブジェクト設計パターン_基礎知識

1. オブジェクトを作成します

コードをコピーします コードは次のとおりです:

var person = 新しいオブジェクト ();
人.年齢 = 30;
人.sayName = 関数 () >alert(this.name);

person.sayName();


欠点: オブジェクトを識別できない




コードをコピー
コードは次のとおりです。 function createperson(name,age ,job) { var o = new Object();
o.age = 年齢;
o.sayName = 関数() {
alert (this.name);
return o;

var person1 ("A Liang",30,"Teacher") ;
var person2 = createperson("Junjun",24,"失業者");

person1.sayName(); //"A Liang"
person2.sayName(); Junjun"


3. コンストラクター パターン
欠点: カプセル化の欠如





コードをコピー


コードは次のとおりです。

function person(name,age,job) { this.name = name; this.age = age; job = ジョブ; this.sayName =sayName; function SayName() { alert(this.name);
var person1 = 新しい人("A 梁",30 ,"先生");
var person2 = new Person("Junjun",24,"失業者");
person1.sayName(); ;


4. プロトタイプ モード
欠点: すべてのプロパティはインスタンスによって共有されます





コードをコピーします>
コードは次のとおりです。


function Person() {
}

person.prototype.name = "ALiang"; .age = 30;
人物.prototype.job = "教師";
alert(this.name); 🎜>hasOwnProperty() メソッドは特定のプロパティを検出します。インスタンス属性である場合は true を返します。



コードをコピー


コードは次のとおりです。


function hasPrototypeProperty(object,name) {
return !object.hasOwnProperty(name) && (name in object)
}
//使用法
var person = new Person();
alert(hasPrototypeProperty(person,"name")); //true
person.name = "Grey"; prototype
alert(hasPrototypeProperty(person,"name")); //false


isPrototypeOf () メソッドは、指定されたオブジェクト object1 が別のオブジェクトのプロトタイプ チェーンに存在するかどうかを判断するために使用されます。 object2 である場合は true を返し、そうでない場合は false を返します。
形式は次のとおりです:
object1.isPrototypeOf(object2); object1 はオブジェクトのインスタンスであり、object2 はそのプロトタイプ チェーンがチェックされる別のオブジェクトです。 プロトタイプ チェーンを使用すると、同じオブジェクト タイプの異なるインスタンス間で機能を共有できます。 object2 のプロトタイプ チェーンに object1 が含まれている場合、isPrototypeOf メソッドは true を返します。 object2 がオブジェクトではない場合、または object1 が object2 のプロトタイプ チェーンに現れない場合、isPrototypeOf メソッドは false を返します。



コードをコピー


コードは次のとおりです:


//リテラル​​ オーバーライド プロトタイプ オブジェクト
function Person(){
}

person.prototype = {
コンストラクター : 人物、
名前 : "ALiang"、
年齢 : 30、
仕事: "Teacher",
sayName : function() {
alert(this.name);
}

コードをコピーします


コードは次のとおりです:

関数 人(名前,年齢,仕事) {
この.名前 = 名前;
この.年齢 = 年齢;
この.仕事 = 職業; ["xuyun","wuxueming"];
}
person.prototype = {
constructor : person,
sayName : function() {
alert(this.name); >}
};

var person1 = 新しい人("ALiang",30,"教師");
var person2 = 新しい人("ZuNan",26,"教師");
person1.friends.push("JunJun");
alert(person1.friends) //"xuyun","wuxueming","JunJun"
alert(person2.friends); xuyun","wuxueming"


6. 動的プロトタイプ モード



function person(name,age,job) {
this.name = name;
this.job = job; 🎜 >
if (typeof this.sayName != "function"){ //ここでのsayNameは、初期化後に存在する任意のメソッドまたはプロパティにすることができます
person.prototype.sayName = function() { //使用できませんリテラル 定量形式
alert(this.name);
}


7. 安全なコンストラクター パターン
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何在PHP后端功能开发中合理应用设计模式?如何在PHP后端功能开发中合理应用设计模式?Aug 07, 2023 am 10:34 AM

如何在PHP后端功能开发中合理应用设计模式?设计模式是一种经过实践证明的解决特定问题的方案模板,可以用于构建可复用的代码,在开发过程中提高可维护性和可扩展性。在PHP后端功能开发中,合理应用设计模式可以帮助我们更好地组织和管理代码,提高代码质量和开发效率。本文将介绍常用的设计模式,并给出相应的PHP代码示例。单例模式(Singleton)单例模式适用于需要保

如何通过编写代码来学习和运用 PHP8 的设计模式如何通过编写代码来学习和运用 PHP8 的设计模式Sep 12, 2023 pm 02:42 PM

如何通过编写代码来学习和运用PHP8的设计模式设计模式是软件开发中常用的解决问题的方法论,它可以提高代码的可扩展性、可维护性和重用性。而PHP8作为最新版的PHP语言,也引入了许多新特性和改进,提供更多的工具和功能来支持设计模式的实现。本文将介绍一些常见的设计模式,并通过编写代码来演示在PHP8中如何运用这些设计模式。让我们开始吧!一、单例模式(Sing

深入聊聊设计模式利器之“职责链模式”(附go实现流程)深入聊聊设计模式利器之“职责链模式”(附go实现流程)Jan 17, 2023 am 11:43 AM

本篇文章给大家带来了关于golang设计模式的相关知识,其中主要介绍了职责链模式是什么及其作用价值,还有职责链Go代码的具体实现方法,下面一起来看一下,希望对需要的朋友有所帮助。

Go语言中的ETL的设计模式Go语言中的ETL的设计模式Jun 01, 2023 pm 09:01 PM

随着数据的增长和复杂性的不断提升,ETL(Extract、Transform、Load)已成为数据处理中的重要环节。而Go语言作为一门高效、轻量的编程语言,越来越受到人们的热捧。本文将介绍Go语言中常用的ETL设计模式,以帮助读者更好地进行数据处理。一、Extractor设计模式Extractor是指从源数据中提取数据的组件,常见的有文件读取、数据库读取、A

深入解析Go语言中的单例模式深入解析Go语言中的单例模式Mar 21, 2023 pm 06:36 PM

单例模式是一种常见的设计模式,它在系统中仅允许创建一个实例来控制对某些资源的访问。在 Go 语言中,实现单例模式有多种方式,本篇文章将带你深入掌握 Go 语言中的单例模式实现。

设计模式的六大原则是什么设计模式的六大原则是什么Jan 06, 2023 pm 04:25 PM

设计模式的六大原则:1、单一职责原则,其核心就是控制类的粒度大小、将对象解耦、提高其内聚性;2、开闭原则,可以通过“抽象约束、封装变化”来实现;3、里氏替换原则,主要阐述了有关继承的一些原则;4、依赖倒置原则,降低了客户与实现模块之间的耦合;5、接口隔离原则,是为了约束接口、降低类对接口的依赖性;6、迪米特法则,要求限制软件实体之间通信的宽度和深度。

了解JavaScript中的设计模式和最佳实践了解JavaScript中的设计模式和最佳实践Nov 03, 2023 am 08:58 AM

随着JavaScript的不断发展和应用范围的扩大,越来越多的开发人员开始意识到设计模式和最佳实践的重要性。设计模式是一种被证明在某些情况下有用的软件设计解决方案。而最佳实践则是指在编程过程中,我们可以应用的一些最佳的规范和方法。在本文中,我们将探讨JavaScript中的设计模式和最佳实践,并提供一些具体的代码示例。让我们开始吧!一、JavaScript中

C#开发建议:设计模式与架构选择C#开发建议:设计模式与架构选择Nov 22, 2023 pm 03:53 PM

在C#开发中,设计模式和架构选择是至关重要的。良好的设计模式和合适的架构选择可以大大提高软件的可维护性、扩展性和性能。本文将讨论一些在C#开发中常用的设计模式和架构选择,并给出一些建议。设计模式是解决特定问题的通用解决方案,它们可以帮助开发人员避免重复造轮子,提高代码的可重用性和可读性。在C#开发中,有许多常用的设计模式,如单例模式、工厂模式、观察者模式等。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール