[javascript] JavaScript의 “새”키워드는 유해한 것으로 간주됩니까? [닫은]

Crockford는 훌륭한 JavaScript 기술을 대중화하기 위해 많은 노력을 기울였습니다. 언어의 핵심 요소에 대한 그의 의견은 많은 유용한 토론을 불러 일으켰습니다. 즉,“나쁜”또는“유해한”의 선언을 복음으로 받아들이고 한 사람의 의견을 넘어서는 것을 거부하는 사람들이 너무 많습니다. 때때로 조금 실망 스러울 수 있습니다.

new키워드가 제공하는 기능을 사용하면 각 오브젝트를 처음부터 작성하는 것보다 몇 가지 장점이 있습니다.

1. 프로토 타입 상속 . 클래스 기반 OO 언어에 익숙한 사람들은 종종 의심과 비난을 함께 살펴 보았지만 JavaScript의 기본 상속 기술은 간단하고 놀랍도록 효과적인 코드 재사용 수단입니다. 그리고 새로운 키워드는 그것을 사용하는 정식 (및 사용 가능한 크로스 플랫폼) 수단입니다.
2. 공연. 이것은 # 1의 부작용입니다 : 내가 작성하는 모든 객체에 10 가지 방법을 추가 할 경우, 내가 수 단지 수동으로 각각의 새로운 객체에 각각의 방법을 지정하는 생성 기능을 쓰기 또는 난에 할당 할 수 생성 기능 prototype을 사용 new하여 새 객체를 찍는 데 사용 합니다. 프로토 타입의 모든 방법에 필요한 코드가 더 빠를뿐만 아니라 각 방법에 대한 별도의 속성으로 각 객체를 벌룬하는 것을 피할 수 있습니다. 많은 오브젝트가 작성 될 때 느린 기계 (또는 특히 느린 JS 인터프리터)에서 이는 시간과 메모리를 크게 절약 할 수 있습니다.

그리고 네, new다른 대답으로 설명 할 수있는 중요한 단점이 있습니다. 사용하지 않는 경우 코드가 경고없이 중단됩니다. 다행히도 이러한 단점은 쉽게 완화됩니다. 함수 자체에 약간의 코드 만 추가하면됩니다.

function foo()
{
   // if user accidentally omits the new keyword, this will 
   // silently correct the problem...
   if ( !(this instanceof foo) )
      return new foo();

   // constructor logic follows...
}

이제 new실수로 오용하여 발생하는 문제에 대해 걱정할 필요 가 없는 장점이 있습니다 . 깨진 코드가 자동으로 작동한다고 생각하면 검사에 어설 션을 추가 할 수도 있습니다. 또는 일부 의견에 따르면 검사를 사용하여 런타임 예외를 도입하십시오.

if ( !(this instanceof arguments.callee) ) 
   throw new Error("Constructor called as a function");

(이 코드 조각은 생성자 함수 이름을 하드 코딩하는 것을 피할 수 있습니다. 이전 예제와 달리 실제로 객체를 인스턴스화 할 필요가 없으므로 수정하지 않고 각 대상 함수에 복사 할 수 있습니다.)

John Resig는 간단한 “클래스”인스턴스화 게시물 에서이 기술에 대해 자세히 설명 하고 기본적으로이 동작을 “클래스”에 빌드하는 수단을 포함합니다. 확실히 가치가 읽기 … 그의 곧 책이기 때문에 자바 스크립트 닌자의 비밀 이 많은 다른 “유해한”금을 숨겨 발견 자바 스크립트 언어의 기능을합니다 ( 장 에 with, 특히 우리의 사람들을 위해 계몽이 처음 기각 사람 이처럼 엄청나게 조정 된 기능입니다.

답변

var o = MyClass();  // this is clearly wrong.

var o = chair() // Executing chair is daft.
var o = createChair() // makes sense.

/**
 * Wraps the passed in constructor so it works with
 * or without the new keyword
 * @param {Function} realCtor The constructor function.
 *    Note that this is going to be wrapped
 *    and should not be used directly
 */
function ctor(realCtor){
  // This is going to be the actual constructor
  return function wrapperCtor(){
    var obj; // object that will be created
    if (this instanceof wrapperCtor) {
      // Called with new
      obj = this;
    } else {
      // Called without new. Create an empty object of the
      // correct type without running that constructor
      surrogateCtor.prototype = wrapperCtor.prototype;
      obj = new surrogateCtor();
    }
    // Call the real constructor function
    realCtor.apply(obj, arguments);
    return obj;
  }

  function surrogateCtor() {}
}

// Create our point constructor
Point = ctor(function(x,y){
  this.x = x;
  this.y = y;
});

// This is good
var pt = new Point(20,30);
// This is OK also
var pt2 = Point(20,30);

var foo = function () {
    var pub= { };
    return pub;
}
var bar = foo();

function foo() { }
var bar = new foo();