>  기사  >  웹 프론트엔드  >  js작성사양_기본지식

js작성사양_기본지식

WBOY
WBOY원래의
2016-05-16 18:33:371018검색

프로젝트에서는 많은 양의 js가 사용됩니다. 엔지니어링 프로젝트는 웹 사이트 개발과 다소 다릅니다. 제가 접하는 엔지니어링 프로젝트에서는 일반적으로 클라이언트 측 작업이 대부분 서버에 맡겨져 있습니다. 표준화가 되면 코드 읽기가 어려워지고 메모리 누수 현상이 발생하기 쉬우며, js 입력 및 작성 시 부주의가 발생할 수 있습니다. 그리고 웹사이트 개발에서(특히 일부 대형 웹사이트에서는 js 출력이 매우 아름답고 완벽합니다. jquery를 사용하든, 프로토타입 프레임워크를 사용하든, 프레임워크를 사용하지 않든 관계없이 자신만의 좋은 기능 세트를 사용할 수 있습니다.)
js 입력 및 쓰기 객체지향 방식이 가장 좋습니다. 🎜>

코드는 다음과 같습니다.

function Person(firstName, lastName, age) { //개인 변수: var _firstName = firstName; var _lastName = lastName;
//공용 변수:
this.age = age
//메서드:
this.getName = function()
{
return(firstName " " lastName);
};
this.SayHello = function()
{
alert("안녕하세요, 저는 " firstName " " lastName); ;
};
var BillGates = new Person("Bill", "Gates", 53)


프로토타입: (차용한 예)




코드 복사

코드는 다음과 같습니다.
  //생성자 정의 함수 사람(이름) { this.name = name ; //생성자에서 멤버 정의}; //생성자의 프로토타입에 메서드가 정의됩니다.
Person.prototype.SayHello = function()
{
alert("안녕하세요, 저는 " this.name);
//하위 클래스 생성자
function Employee(이름, 급여)
{
Person. call(this, name); //상위 생성자 호출
this.salary = Salary; //확장 멤버
}//하위 클래스 생성자는 먼저 상위 생성자를 사용해야 합니다. 프로토타입 객체 생성 및 상속 개념 구현
Employee.prototype = new Person() //프로토타입의 메소드만 필요하며 이 객체의 멤버는 의미가 없습니다!
//하위 클래스 메서드도 생성자 위에 정의됩니다.
Employee.prototype.ShowMeTheMoney = function()
{
alert(this.name " $" this.salary)
};
var BillGates = new Person("Bill Gates");
BillGates.SayHello();
var SteveJobs = new Employee("Steve Jobs", 1234)
SteveJobs.SayHello( ; , 별로 아름답지는 않지만 성능은 매우 좋습니다(그러나 프로토타입 프레임워크를 사용하면 구조와 성능 문제를 완벽하게 해결할 수 있습니다.)

사실 jquery를 사용할지 여부에 대한 저의 작은 경험입니다. 또는 프로토타입 클로저를 사용하는 것은 jquery이며 프로토타입은 물론 단일 개체에 대한 작업에는 jquery가 더 적합하고 일부 클라이언트 컨트롤을 만드는 데는 프로토타입이 더 적합합니다. 사실 저는 프로젝트에서 jquery를 사용하고 웹 사이트의 프로토타입에 더 집중하는 것을 선호합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.