js 객체와 프로토타입을 사용하는 방법
이번에는 js 객체와 프로토타입을 어떻게 사용하는지 보여드리고, js 객체와 프로토타입을 사용할 때 주의사항은 무엇인지 살펴보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script>
/*
*
* 复习:
*
* 面向过程和面向对象都是编程的思想,方式不一样
* 面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程
* 面向对象:执行者成为指挥者,只要找对象,然后让对象做相关的事情,注重的是结果
* 面向对象的特性:封装,继承,多态
* 封装；就是代码的封装,把一些特征和行为封装在对象中.
*
面向对象的编程思想
:根据需求,抽象出相关的对象,总结对象的特征和行为,把特征变成属性，行为变成方法,然后定义(js)
构造函数
,实例化对象,通过对象调用
属性和方法
,完成相应的需求.---编程的思想
*
* 对象:具体特指的某个事物,有特征(属性)和行为(方法)，对象可以看成是一坨无序属性的集合
*
* 如何
创建对象
?
* 通过调用new Object(),还有{},自定义构造函数
*
* 创建对象的方式
* 1. 调用系统Object()----->创建出来的对象都是Object类型的,不能很明确的指出这个对象是属于什么类型
* 2. 字面量的方式{}----->只能
创建一个对象
(一次只能创建一个)
*
* 3.
工厂模式
创建对象----->----->推论---->自定义构造函数的方式
* 自定义构造函数(优化后的工厂模式)
*
* 自定义构造函数创建对象:4件事
* 1.在内存中申请一块空闲的空间,存储创建的对象
* 2.this就是当前实例化的对象
* 3.设置对象中的属性和方法(为对象添加属性和方法,为属性和方法赋值)
* 4.把创建后的对象返回
* 都是需要通过new的方式
*
*
* 什么是原型?
* 构造函数中有一个属性prototype,是原型,程序员使用的
* 实例对象中有一个属性proto,是原型,浏览器使用的,不是很标准的,
* 实例对象中的proto指向的就是该实例对象中的构造函数中的prototype
* 构造函数中的prototype里面的属性或者方法,可以直接通过实例对象调用
* 正常的写法:实例对象.proto才能访问到构造函数中的prototype中的属性或者方法
* per.proto.eat();//proto不是标准的属性
* per.eat();
* 原型就是属性,而这个属性也是一个对象
* Person.prototype--->是属性
* Person.prototype.属性或者Person.ptototype.方法()
*
* 本身在构造函数中定义的属性和方法,当实例化对象的时候,实例对象中的属性和方法都是在自己的空间中存在的,如果是多个对象。这些属性和方法都会在单独的空间中存在,浪费内存空间,所以,为了数据共享,把想要节省空间的属性或者方法写在原型对象中,达到了数据共享，实现了节省内存空间
*
*
*
* 原型的作用之一:数据共享,节省内存空间
*
* 原型的写法:
* 构造函数.prototype.属性=值
* 构造函数.prototype.方法=值---->函数.prototype,函数也是对象,所以,里面也有proto
* 实例对象.prototype-------->实例对象中没有这个属性,只有proto(暂时的)
*
* 简单的原型的写法
* 缺陷:--->新的知识点---->原型直接指向{}---->就是一个对象,没有构造器
* 构造函数.prototype={
* 切记:如果这这种写法,要把构造器加上
*
* };
*
*
* 通过原型为内置对象添加原型的属性或者方法----->原因:
* 系统的内置对象的属性和方法可能不满足现在需求,所以,可以通过原型的方式加入属性或者方法,为了方便开发
*
* 为内置对象的原型中添加属性和方法,那么这个内置对象的实例对象就可以直接使用了
* String.prototype.方法=匿名函数;
* var str="哈哈";
* str.方法();---->实例对象可以直接调用原型中的属性或者方法
*
*
*
*
*
*
*
*
*
* */
function Person(age) {
this.age=age;
}
Person.prototype.sayHi=function () {
};
var p=new Person(10);
p.sayHi();
</script>
</head>
<body>
</body>
</html>이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
JS 프레임워크 라이브러리 사용 사례에 대한 자세한 설명
네이티브 js를 사용하여 별이 빛나는 하늘 효과를 만드는 방법
위 내용은 js 객체와 프로토타입을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undress AI Tool
무료로 이미지를 벗다
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법
Jan 05, 2024 pm 06:08 PM
JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용
JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법
Jan 05, 2024 pm 01:37 PM
JavaScript에서 HTTP 상태 코드를 얻는 방법 소개: 프런트 엔드 개발에서 우리는 종종 백엔드 인터페이스와의 상호 작용을 처리해야 하며 HTTP 상태 코드는 매우 중요한 부분입니다. HTTP 상태 코드를 이해하고 얻는 것은 인터페이스에서 반환된 데이터를 더 잘 처리하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTTP 상태 코드란 무엇입니까? HTTP 상태 코드는 브라우저가 서버에 요청을 시작할 때 서비스가
PHP 함수는 어떻게 객체를 반환하나요?
Apr 10, 2024 pm 03:18 PM
PHP 함수는 return 문과 객체 인스턴스를 사용하여 객체를 반환함으로써 데이터를 사용자 정의 구조로 캡슐화할 수 있습니다. 구문: functionget_object():object{}. 이를 통해 사용자 정의 속성과 메소드를 사용하여 객체를 생성하고 객체 형태로 데이터를 처리할 수 있습니다.
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 무엇입니까?
Apr 29, 2024 pm 01:09 PM
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 다음과 같습니다. 빈 객체 배열을 만듭니다. 결과 배열을 반복하고 각 행에 대해 새 개체를 만듭니다. foreach 루프를 사용하여 각 행의 키-값 쌍을 새 개체의 해당 속성에 할당합니다. 개체 배열에 새 개체를 추가합니다. 데이터베이스 연결을 닫습니다.
C++ 함수가 객체를 반환할 때 무엇에 주의해야 합니까?
Apr 19, 2024 pm 12:15 PM
C++에서는 함수가 객체를 반환할 때 주의해야 할 세 가지 사항이 있습니다. 객체의 수명 주기는 메모리 누수를 방지하기 위해 호출자가 관리합니다. 매달린 포인터를 피하고 메모리를 동적으로 할당하거나 개체 자체를 반환하여 함수가 반환된 후에도 개체가 유효한지 확인하세요. 컴파일러는 성능을 향상시키기 위해 반환된 개체의 복사 생성을 최적화할 수 있지만 개체가 값 의미 체계에 따라 전달되는 경우 복사 생성이 필요하지 않습니다.
Genshin Impact 버전 4.4의 새로운 맵 소개
Jan 31, 2024 pm 06:36 PM
Genshin Impact 버전 4.4의 새로운 지도를 소개합니다. Genshin Impact 4.4 버전은 또한 Liyue에서 Sea Lantern Festival을 열었습니다. 동시에 버전 4.4에서는 Shen Yu Valley라는 새로운 지도 영역이 출시됩니다. 제공된 정보에 따르면 Shen Yugu는 실제로 Qiaoying Village의 일부이지만 플레이어는 Shen Yugu라고 부르는 데 더 익숙합니다. 이제 새로운 맵을 소개하겠습니다. Genshin Impact 버전 4.4의 새로운 지도 소개 버전 4.4에서는 Liyue 북쪽에 "Chenyu Valley·Shanggu", "Chenyu Valley·Nanling" 및 "Laixin Mountain"이 개방됩니다. 계곡·상구' . ※마신 퀘스트·액트 3: 용과 자유의 노래 프롤로그를 완료하면 순간이동 앵커 포인트가 자동으로 잠금 해제됩니다. 2. Qiaoyingzhuang 따뜻한 봄바람이 천위의 산과 들에 다시 한 번 스며들 때, 향기로운
'PHP의 객체 지향 프로그래밍 소개: 개념에서 실습까지'
Feb 25, 2024 pm 09:04 PM
객체 지향 프로그래밍이란 무엇입니까? 객체 지향 프로그래밍(OOP)은 실제 엔터티를 클래스로 추상화하고 객체를 사용하여 이러한 엔터티를 나타내는 프로그래밍 패러다임입니다. 클래스는 객체의 속성과 동작을 정의하고, 객체는 클래스를 인스턴스화합니다. OOP의 가장 큰 장점은 코드를 더 쉽게 이해하고 유지 관리하며 재사용할 수 있다는 것입니다. OOP의 기본 개념 OOP의 주요 개념에는 클래스, 개체, 속성 및 메서드가 포함됩니다. 클래스는 객체의 속성과 동작을 정의하는 객체의 청사진입니다. 객체는 클래스의 인스턴스이며 클래스의 모든 속성과 동작을 갖습니다. 속성은 데이터를 저장할 수 있는 개체의 특성입니다. 메소드는 객체의 데이터에 대해 작동할 수 있는 객체의 함수입니다. OOP의 장점 OOP의 주요 장점은 다음과 같습니다. 재사용성: OOP는 코드를 더 많이 만들 수 있습니다.
Java의 힙과 스택 간의 차이점과 해당 애플리케이션 시나리오를 분석합니다.
Feb 24, 2024 pm 11:12 PM
Java 힙과 스택의 차이점과 애플리케이션 시나리오 분석에는 특정 코드 예제가 필요합니다. Java 프로그램에서 힙과 스택은 일반적으로 사용되는 두 가지 데이터 구조이며 메모리에서 서로 다른 역할과 기능을 수행합니다. 효율적인 Java 프로그램을 작성하려면 힙과 스택의 차이점을 이해하는 것이 중요합니다. 먼저 Java 힙을 살펴보겠습니다. 힙은 객체를 저장하는 데 사용되는 영역입니다. 프로그램에서 생성된 모든 객체는 힙에 저장됩니다. 힙은 프로그램이 실행되는 동안 메모리가 동적으로 할당되고 해제되는 곳입니다. 힙은 어떠한 제한도 받지 않으며 자동으로 할당됩니다.
