ในการสร้างคลาส JavaScript ด้วยวิธีสาธารณะฉันจะทำสิ่งที่ชอบ:

function Restaurant() {}

Restaurant.prototype.buy_food = function(){
   // something here
}

Restaurant.prototype.use_restroom = function(){
   // something here
}

ด้วยวิธีนี้ผู้ใช้ในชั้นเรียนของฉันสามารถ:

var restaurant = new Restaurant();
restaurant.buy_food();
restaurant.use_restroom();

ฉันจะสร้างวิธีส่วนตัวที่สามารถเรียกใช้โดยbuy_foodและuse_restroomวิธีการ แต่ไม่ภายนอกโดยผู้ใช้ของชั้นเรียนได้อย่างไร

ในคำอื่น ๆ ฉันต้องการใช้วิธีการของฉันสามารถทำได้:

Restaurant.prototype.use_restroom = function() {
   this.private_stuff();
}

แต่สิ่งนี้ไม่ได้ผล:

var r = new Restaurant();
r.private_stuff();

ฉันจะกำหนดprivate_stuffเป็นวิธีส่วนตัวได้อย่างไรเพื่อให้การพักทั้งสองนี้เป็นจริง

ฉันได้อ่านการเขียนของ Doug Crockfordสองสามครั้ง แต่ดูเหมือนว่าจะไม่สามารถเรียกวิธีการ "ส่วนตัว" โดยวิธีสาธารณะและวิธีการ "สิทธิพิเศษ" สามารถเรียกได้จากภายนอก

คุณสามารถทำได้ แต่ข้อเสียคือมันไม่สามารถเป็นส่วนหนึ่งของต้นแบบ:

function Restaurant() {
    var myPrivateVar;

    var private_stuff = function() {  // Only visible inside Restaurant()
        myPrivateVar = "I can set this here!";
    }

    this.use_restroom = function() {  // use_restroom is visible to all
        private_stuff();
    }

    this.buy_food = function() {   // buy_food is visible to all
        private_stuff();
    }
}

ใช้ฟังก์ชั่นการเรียกตนเองและการโทร

JavaScript ใช้ต้นแบบและไม่มีคลาส (หรือวิธีการสำหรับเรื่องนั้น) เช่นภาษาที่เน้นวัตถุ นักพัฒนา JavaScript ต้องคิดใน JavaScript

คำพูดของ Wikipedia:

แตกต่างจากภาษาเชิงวัตถุจำนวนมากไม่มีความแตกต่างระหว่างนิยามฟังก์ชันและนิยามวิธีการ แต่ความแตกต่างเกิดขึ้นระหว่างการเรียกใช้ฟังก์ชัน เมื่อฟังก์ชั่นถูกเรียกว่าเป็นวิธีการของวัตถุคำหลักนี้ในท้องถิ่นของฟังก์ชั่นที่ถูกผูกไว้กับวัตถุนั้นสำหรับการภาวนานั้น

วิธีการแก้ปัญหาโดยใช้ฟังก์ชั่นการเรียกตนเองและฟังก์ชั่นการโทรเพื่อเรียก "วิธี" ส่วนตัว:

var MyObject = (function () {

    // Constructor
    function MyObject (foo) {
        this._foo = foo;
    }

    function privateFun (prefix) {
        return prefix + this._foo;
    }

    MyObject.prototype.publicFun = function () {
        return privateFun.call(this, '>>');
    }

    return MyObject;
})();


var myObject = new MyObject('bar');
myObject.publicFun();      // Returns '>>bar'
myObject.privateFun('>>'); // ReferenceError: private is not defined

ฟังก์ชั่นการโทรช่วยให้เราสามารถเรียกใช้ฟังก์ชันส่วนตัวที่มีบริบทที่เหมาะสม ( this)

ง่ายกว่าด้วย Node.js

หากคุณกำลังใช้node.jsคุณไม่จำเป็นต้องใช้IIFEเพราะคุณสามารถใช้ประโยชน์จากระบบการโหลดโมดูล :

function MyObject (foo) {
    this._foo = foo;
}

function privateFun (prefix) {
    return prefix + this._foo;
}

MyObject.prototype.publicFun = function () {
    return privateFun.call(this, '>>');
}

exports.MyObject = MyObject;

โหลดไฟล์:

var MyObject = require('./MyObject').MyObject;

var myObject = new MyObject('bar');
myObject.publicFun();      // Returns '>>bar'
myObject.privateFun('>>'); // ReferenceError: private is not defined

(ทดลอง) ES7 กับ Bind Operator

ตัวดำเนินการเชื่อมโยง::คือข้อเสนอ ECMAScript และนำไปใช้ใน Babel ( ระยะ 0 )

export default class MyObject {
  constructor (foo) {
    this._foo = foo;
  }

  publicFun () {
    return this::privateFun('>>');
  }
}

function privateFun (prefix) {
  return prefix + this._foo;
}

โหลดไฟล์:

import MyObject from './MyObject';

let myObject = new MyObject('bar');
myObject.publicFun();      // Returns '>>bar'
myObject.privateFun('>>'); // TypeError: myObject.privateFun is not a function

คุณสามารถจำลองวิธีการส่วนตัวเช่นนี้:

function Restaurant() {
}

Restaurant.prototype = (function() {
    var private_stuff = function() {
        // Private code here
    };

    return {

        constructor:Restaurant,

        use_restroom:function() {
            private_stuff();
        }

    };
})();

var r = new Restaurant();

// This will work:
r.use_restroom();

// This will cause an error:
r.private_stuff();

ข้อมูลเพิ่มเติมเกี่ยวกับเทคนิคนี้ที่นี่: http://webreflection.blogspot.com/2008/04/natural-javascript-private-methods.html

ในสถานการณ์เหล่านี้เมื่อคุณมี API สาธารณะและคุณต้องการวิธีการ / คุณสมบัติส่วนตัวและสาธารณะฉันจะใช้รูปแบบโมดูลเสมอ รูปแบบนี้ได้รับความนิยมในห้องสมุด YUI และสามารถดูรายละเอียดได้ที่นี่:

http://yuiblog.com/blog/2007/06/12/module-pattern/

มันตรงไปตรงมาจริงๆและง่ายสำหรับนักพัฒนารายอื่นที่จะเข้าใจ สำหรับตัวอย่างง่ายๆ:

var MYLIB = function() {  
    var aPrivateProperty = true;
    var aPrivateMethod = function() {
        // some code here...
    };
    return {
        aPublicMethod : function() {
            aPrivateMethod(); // okay
            // some code here...
        },
        aPublicProperty : true
    };  
}();

MYLIB.aPrivateMethod() // not okay
MYLIB.aPublicMethod() // okay

นี่คือชั้นเรียนที่ฉันสร้างขึ้นเพื่อทำความเข้าใจกับสิ่งที่ Douglas Crockford แนะนำในเว็บไซต์ส่วนตัวของเขาใน JavaScript

function Employee(id, name) { //Constructor
    //Public member variables
    this.id = id;
    this.name = name;
    //Private member variables
    var fName;
    var lName;
    var that = this;
    //By convention, we create a private variable 'that'. This is used to     
    //make the object available to the private methods. 

    //Private function
    function setFName(pfname) {
        fName = pfname;
        alert('setFName called');
    }
    //Privileged function
    this.setLName = function (plName, pfname) {
        lName = plName;  //Has access to private variables
        setFName(pfname); //Has access to private function
        alert('setLName called ' + this.id); //Has access to member variables
    }
    //Another privileged member has access to both member variables and private variables
    //Note access of this.dataOfBirth created by public member setDateOfBirth
    this.toString = function () {
        return 'toString called ' + this.id + ' ' + this.name + ' ' + fName + ' ' + lName + ' ' + this.dataOfBirth; 
    }
}
//Public function has access to member variable and can create on too but does not have access to private variable
Employee.prototype.setDateOfBirth = function (dob) {
    alert('setDateOfBirth called ' + this.id);
    this.dataOfBirth = dob;   //Creates new public member note this is accessed by toString
    //alert(fName); //Does not have access to private member
}
$(document).ready()
{
    var employee = new Employee(5, 'Shyam'); //Create a new object and initialize it with constructor
    employee.setLName('Bhaskar', 'Ram');  //Call privileged function
    employee.setDateOfBirth('1/1/2000');  //Call public function
    employee.id = 9;                     //Set up member value
    //employee.setFName('Ram');  //can not call Private Privileged method
    alert(employee.toString());  //See the changed object

}

ฉันคิดในสิ่งนี้: แก้ไข: จริง ๆ แล้วมีคนเชื่อมโยงกับโซลูชันที่เหมือนกัน ดุจ!

var Car = function() {
}

Car.prototype = (function() {
    var hotWire = function() {
        // Private code *with* access to public properties through 'this'
        alert( this.drive() ); // Alerts 'Vroom!'
    }

    return {
        steal: function() {
            hotWire.call( this ); // Call a private method
        },
        drive: function() {
            return 'Vroom!';
        }
    };
})();

var getAwayVechile = new Car();

hotWire(); // Not allowed
getAwayVechile.hotWire(); // Not allowed
getAwayVechile.steal(); // Alerts 'Vroom!'

ฉันคิดว่าคำถามดังกล่าวเกิดขึ้นซ้ำแล้วซ้ำอีกเพราะขาดความเข้าใจในการปิด Сlosuresเป็นสิ่งสำคัญที่สุดใน JS โปรแกรมเมอร์ JS ทุกคนต้องรู้สึกถึงความสำคัญของมัน

1.ก่อนอื่นเราต้องแยกขอบเขต (การปิด)

function () {

}

2.ในพื้นที่นี้เราสามารถทำอะไรก็ได้ที่เราต้องการ และไม่มีใครรู้เกี่ยวกับมัน

function () {
    var name,
        secretSkills = {
            pizza: function () { return new Pizza() },
            sushi: function () { return new Sushi() }
        }

    function Restaurant(_name) {
        name = _name
    }
    Restaurant.prototype.getFood = function (name) {
        return name in secretSkills ? secretSkills[name]() : null
    }
}

3.เพื่อให้โลกรู้เกี่ยวกับชั้นเรียนร้านอาหารของเราเราต้องส่งคืนจากการปิด

var Restaurant = (function () {
    // Restaurant definition
    return Restaurant
})()

4.ในตอนท้ายเรามี:

var Restaurant = (function () {
    var name,
        secretSkills = {
            pizza: function () { return new Pizza() },
            sushi: function () { return new Sushi() }
        }

    function Restaurant(_name) {
        name = _name
    }
    Restaurant.prototype.getFood = function (name) {
        return name in secretSkills ? secretSkills[name]() : null
    }
    return Restaurant
})()

5.นอกจากนี้วิธีนี้มีศักยภาพในการถ่ายทอดและการสร้างเทมเพลต

// Abstract class
function AbstractRestaurant(skills) {
    var name
    function Restaurant(_name) {
        name = _name
    }
    Restaurant.prototype.getFood = function (name) {
        return skills && name in skills ? skills[name]() : null
    }
    return Restaurant
}

// Concrete classes
SushiRestaurant = AbstractRestaurant({ 
    sushi: function() { return new Sushi() } 
})

PizzaRestaurant = AbstractRestaurant({ 
    pizza: function() { return new Pizza() } 
})

var r1 = new SushiRestaurant('Yo! Sushi'),
    r2 = new PizzaRestaurant('Dominos Pizza')

r1.getFood('sushi')
r2.getFood('pizza')

ฉันหวังว่านี่จะช่วยให้บางคนเข้าใจเรื่องนี้ดีขึ้น

ส่วนตัวแล้วฉันชอบรูปแบบต่อไปนี้สำหรับการสร้างคลาสใน JavaScript:

var myClass = (function() {
    // Private class properties go here

    var blueprint = function() {
        // Private instance properties go here
        ...
    };

    blueprint.prototype = { 
        // Public class properties go here
        ...
    };

    return  {
         // Public class properties go here
        create : function() { return new blueprint(); }
        ...
    };
})();

อย่างที่คุณเห็นมันช่วยให้คุณสามารถกำหนดทั้งคุณสมบัติของคลาสและคุณสมบัติของอินสแตนซ์ซึ่งแต่ละคุณสมบัติสามารถเป็นสาธารณะและส่วนตัว

การสาธิต

var Restaurant = function() {
    var totalfoodcount = 0;        // Private class property
    var totalrestroomcount  = 0;   // Private class property
    
    var Restaurant = function(name){
        var foodcount = 0;         // Private instance property
        var restroomcount  = 0;    // Private instance property
        
        this.name = name
        
        this.incrementFoodCount = function() {
            foodcount++;
            totalfoodcount++;
            this.printStatus();
        };
        this.incrementRestroomCount = function() {
            restroomcount++;
            totalrestroomcount++;
            this.printStatus();
        };
        this.getRestroomCount = function() {
            return restroomcount;
        },
        this.getFoodCount = function() {
            return foodcount;
        }
    };
   
    Restaurant.prototype = {
        name : '',
        buy_food : function(){
           this.incrementFoodCount();
        },
        use_restroom : function(){
           this.incrementRestroomCount();
        },
        getTotalRestroomCount : function() {
            return totalrestroomcount;
        },
        getTotalFoodCount : function() {
            return totalfoodcount;
        },
        printStatus : function() {
           document.body.innerHTML
               += '<h3>Buying food at '+this.name+'</h3>'
               + '<ul>' 
               + '<li>Restroom count at ' + this.name + ' : '+ this.getRestroomCount() + '</li>'
               + '<li>Food count at ' + this.name + ' : ' + this.getFoodCount() + '</li>'
               + '<li>Total restroom count : '+ this.getTotalRestroomCount() + '</li>'
               + '<li>Total food count : '+ this.getTotalFoodCount() + '</li>'
               + '</ul>';
        }
    };

    return  { // Singleton public properties
        create : function(name) {
            return new Restaurant(name);
        },
        printStatus : function() {
          document.body.innerHTML
              += '<hr />'
              + '<h3>Overview</h3>'
              + '<ul>' 
              + '<li>Total restroom count : '+ Restaurant.prototype.getTotalRestroomCount() + '</li>'
              + '<li>Total food count : '+ Restaurant.prototype.getTotalFoodCount() + '</li>'
              + '</ul>'
              + '<hr />';
        }
    };
}();

var Wendys = Restaurant.create("Wendy's");
var McDonalds = Restaurant.create("McDonald's");
var KFC = Restaurant.create("KFC");
var BurgerKing = Restaurant.create("Burger King");

Restaurant.printStatus();

Wendys.buy_food();
Wendys.use_restroom();
KFC.use_restroom();
KFC.use_restroom();
Wendys.use_restroom();
McDonalds.buy_food();
BurgerKing.buy_food();

Restaurant.printStatus();

BurgerKing.buy_food();
Wendys.use_restroom();
McDonalds.buy_food();
KFC.buy_food();
Wendys.buy_food();
BurgerKing.buy_food();
McDonalds.buy_food();

Restaurant.printStatus();

ดูซอนี้

การปิดทั้งหมดนี้จะทำให้คุณเสียค่าใช้จ่าย ตรวจสอบให้แน่ใจว่าคุณทดสอบความเร็วโดยเฉพาะใน IE คุณจะพบว่าคุณดีกว่าด้วยการตั้งชื่อ ยังมีผู้ใช้เว็บไซต์องค์กรจำนวนมากที่ถูกบังคับให้ใช้ IE6 ...

อย่าพูดมาก มันเป็นจาวาสคริปต์ ใช้แบบแผนการตั้งชื่ออนุสัญญาการตั้งชื่อ

หลังจากหลายปีของการทำงานในชั้นเรียน es6 ฉันเพิ่งเริ่มทำงานในโครงการ es5 (โดยใช้ requireJS ซึ่งดูแล้วอย่างมาก) ฉันได้รับมากกว่าทุกกลยุทธ์ที่กล่าวถึงที่นี่และทุกอย่างเดือดลงไปโดยทั่วไปเพื่อใช้แบบแผนการตั้งชื่อ :

1. Javascript ไม่มีคำหลักขอบเขตเช่น privateจาวาสคริปต์ไม่ได้มีคำหลักขอบเขตเช่นนักพัฒนาซอฟต์แวร์อื่นที่เข้าสู่ Javascript จะรู้ล่วงหน้า ดังนั้นแบบแผนการตั้งชื่อแบบง่าย ๆ ก็เพียงพอแล้ว หลักการตั้งชื่อแบบง่าย ๆ ของคำนำหน้าด้วยการขีดล่างแก้ปัญหาของคุณสมบัติส่วนตัวและวิธีการส่วนตัว
2. ลองใช้ประโยชน์จาก Prototype เพื่อเหตุผลด้านความเร็ว แต่อย่าให้มากกว่านั้นอีกต่อไป ลองรักษา es5 "class" ให้ใกล้เคียงกับสิ่งที่เราคาดหวังในภาษาแบ็กเอนด์อื่น ๆ (และปฏิบัติต่อทุกไฟล์เป็นคลาสแม้ว่าเราไม่ต้องการส่งคืนอินสแตนซ์)
3. มาสาธิตด้วยสถานการณ์โมดูลที่สมจริงยิ่งขึ้น (เราจะใช้ es5 รุ่นเก่าและรุ่นเก่า needJs)

-tooltip.js ของฉัน

    define([
        'tooltip'
    ],
    function(
        tooltip
    ){

        function MyTooltip() {
            // Later, if needed, we can remove the underscore on some
            // of these (make public) and allow clients of our class
            // to set them.
            this._selector = "#my-tooltip"
            this._template = 'Hello from inside my tooltip!';
            this._initTooltip();
        }

        MyTooltip.prototype = {
            constructor: MyTooltip,

            _initTooltip: function () {
                new tooltip.tooltip(this._selector, {
                    content: this._template,
                    closeOnClick: true,
                    closeButton: true
                });
            }
        }

        return {
            init: function init() {
               new MyTooltip();  // <-- Our constructor adds our tooltip to the DOM so not much we need to do after instantiation.
            }

            // You could instead return a new instantiation, 
            // if later you do more with this class.
            /* 
            create: function create() {
               return new MyTooltip();
            }
            */
        }
    });

คุณสามารถทำได้ในขณะนี้กับES10 วิธีเอกชน คุณเพียงแค่ต้องเพิ่ม#ก่อนชื่อวิธี

class ClassWithPrivateMethod {
  #privateMethod() {
    return 'hello world';
  }

  getPrivateMessage() {
    return #privateMethod();
  }
}

ใช้ใด ๆ ของการแก้ปัญหาที่เป็นไปตาม Crockford ของส่วนตัวหรือpriviledgedรูปแบบ ตัวอย่างเช่น:

function Foo(x) {
    var y = 5;
    var bar = function() {
        return y * x;
    };

    this.public = function(z) {
        return bar() + x * z;
    };
}

ในกรณีใด ๆ ที่ผู้โจมตีไม่มี "ดำเนินการ" ที่ถูกต้องในบริบท JS เขาไม่สามารถเข้าถึงช่องหรือวิธีการ "สาธารณะ" หรือ "ส่วนตัว" ใด ๆ ในกรณีที่ผู้โจมตีมีการเข้าถึงนั้นเขาสามารถดำเนินการแบบหนึ่งซับ:

eval("Foo = " + Foo.toString().replace(
    /{/, "{ this.eval = function(code) { return eval(code); }; "
));

โปรดทราบว่ารหัสข้างต้นเป็นรหัสทั่วไปสำหรับตัวสร้างความเป็นส่วนตัวทั้งหมด มันจะล้มเหลวด้วยการแก้ปัญหาบางอย่างที่นี่ แต่ควรจะชัดเจนว่าการแก้ปัญหาแบบปิดทั้งหมดนั้นสามารถแตกหักได้เช่นนี้ด้วยวิธีที่แตกต่างกันreplace()พารามิเตอร์ที่

หลังจากนี้จะถูกดำเนินการวัตถุใด ๆ ที่สร้างขึ้นด้วยnew Foo()จะมีevalวิธีการที่สามารถเรียกได้ว่าจะส่งกลับหรือเปลี่ยนค่าหรือวิธีการที่กำหนดไว้ในการปิดของตัวสร้างเช่น:

f = new Foo(99);
f.eval("x");
f.eval("y");
f.eval("x = 8");

ปัญหาเดียวที่ฉันเห็นด้วยนี้ไม่สามารถใช้งานได้ในกรณีที่มีเพียงหนึ่งอินสแตนซ์และสร้างขึ้นเมื่อโหลด แต่ก็ไม่มีเหตุผลใดที่จะกำหนดต้นแบบจริงและในกรณีนั้นผู้โจมตีสามารถสร้างวัตถุขึ้นมาใหม่แทนที่จะเป็นตัวสร้างตราบใดที่เขามีวิธีผ่านพารามิเตอร์เดียวกัน (เช่นมีค่าคงที่หรือคำนวณจากค่าที่มี)

ในความคิดของฉันนี้สวยมากทำให้การแก้ปัญหาของ Crockford ไร้ประโยชน์ เนื่องจาก "ความเป็นส่วนตัว" เสียง่ายข้อเสียของโซลูชันของเขา (ลดความสามารถในการอ่านและการบำรุงรักษาประสิทธิภาพที่ลดลงหน่วยความจำเพิ่มขึ้น) ทำให้วิธีการแบบ "ไม่มีความเป็นส่วนตัว" เป็นตัวเลือกที่ดีกว่า

ฉันมักจะใช้ขีดเส้นใต้ชั้นนำในการทำเครื่องหมาย__privateและ_protectedวิธีการและสาขา (สไตล์ Perl) แต่ความคิดของการมีความเป็นส่วนตัวใน JavaScript เพียงแสดงให้เห็นว่ามันเป็นภาษาที่เข้าใจผิด

ดังนั้นฉันไม่เห็นด้วยกับCrockfordยกเว้นประโยคแรกของเขา

ดังนั้นคุณจะได้รับความเป็นส่วนตัวอย่างแท้จริงใน JS ได้อย่างไร วางทุกอย่างที่จำเป็นต้องเป็นส่วนตัวทางฝั่งเซิร์ฟเวอร์และใช้ JS เพื่อทำการโทร AJAX

Apotheosis ของรูปแบบโมดูล: รูปแบบโมดูลการเปิดเผย

การต่อเติมเล็กน้อยให้เป็นลวดลายที่แข็งแกร่งมาก

หากคุณต้องการฟังก์ชั่นเต็มรูปแบบของฟังก์ชั่นสาธารณะและส่วนตัวที่มีความสามารถสำหรับฟังก์ชั่นสาธารณะในการเข้าถึงฟังก์ชั่นส่วนตัวรหัสรูปแบบสำหรับวัตถุเช่นนี้:

function MyObject(arg1, arg2, ...) {
  //constructor code using constructor arguments...
  //create/access public variables as 
  // this.var1 = foo;

  //private variables

  var v1;
  var v2;

  //private functions
  function privateOne() {
  }

  function privateTwon() {
  }

  //public functions

  MyObject.prototype.publicOne = function () {
  };

  MyObject.prototype.publicTwo = function () {
  };
}

var TestClass = function( ) {

    var privateProperty = 42;

    function privateMethod( ) {
        alert( "privateMethod, " + privateProperty );
    }

    this.public = {
        constructor: TestClass,

        publicProperty: 88,
        publicMethod: function( ) {
            alert( "publicMethod" );
            privateMethod( );
        }
    };
};
TestClass.prototype = new TestClass( ).public;


var myTestClass = new TestClass( );

alert( myTestClass.publicProperty );
myTestClass.publicMethod( );

alert( myTestClass.privateMethod || "no privateMethod" );

คล้ายกับ georgebrock แต่ verbose น้อยกว่า (IMHO) ปัญหาใด ๆ กับการทำเช่นนี้ (ฉันไม่ได้เห็นมันทุกที่)

แก้ไข: ฉันรู้ว่านี่ไร้ประโยชน์เพราะทุกการสร้างอินสแตนซ์อิสระมีสำเนาวิธีการสาธารณะของตัวเองดังนั้นจึงเป็นการบ่อนทำลายการใช้ต้นแบบ

นี่คือสิ่งที่ฉันมีความสุขมากที่สุดเกี่ยวกับวิธีส่วนตัว / สาธารณะ / สมาชิกและการสร้างอินสแตนซ์ใน javascript:

นี่คือบทความ: http://www.sefol.com/?p=1090

และนี่คือตัวอย่าง:

var Person = (function () {

    //Immediately returns an anonymous function which builds our modules 
    return function (name, location) {

        alert("createPerson called with " + name);

        var localPrivateVar = name;

        var localPublicVar = "A public variable";

        var localPublicFunction = function () {
            alert("PUBLIC Func called, private var is :" + localPrivateVar)
        };

        var localPrivateFunction = function () {
            alert("PRIVATE Func called ")
        };

        var setName = function (name) {

            localPrivateVar = name;

        }

        return {

            publicVar: localPublicVar,

            location: location,

            publicFunction: localPublicFunction,

            setName: setName

        }

    }
})();


//Request a Person instance - should print "createPerson called with ben"
var x = Person("ben", "germany");

//Request a Person instance - should print "createPerson called with candide"
var y = Person("candide", "belgium");

//Prints "ben"
x.publicFunction();

//Prints "candide"
y.publicFunction();

//Now call a public function which sets the value of a private variable in the x instance
x.setName("Ben 2");

//Shouldn't have changed this : prints "candide"
y.publicFunction();

//Should have changed this : prints "Ben 2"
x.publicFunction();

JSFiddle: http://jsfiddle.net/northkildonan/kopj3dt3/1/

รูปแบบโมดูลถูกต้องในกรณีส่วนใหญ่ แต่ถ้าคุณมีอินสแตนซ์นับพันคลาสจะบันทึกหน่วยความจำ หากการบันทึกหน่วยความจำเป็นเรื่องที่กังวลและวัตถุของคุณมีข้อมูลส่วนตัวจำนวนเล็กน้อย แต่มีฟังก์ชั่นสาธารณะจำนวนมากคุณจะต้องการให้ฟังก์ชั่นสาธารณะทั้งหมดอยู่ใน. ต้นแบบเพื่อบันทึกหน่วยความจำ

นี่คือสิ่งที่ฉันมาด้วย:

var MyClass = (function () {
    var secret = {}; // You can only getPriv() if you know this
    function MyClass() {
        var that = this, priv = {
            foo: 0 // ... and other private values
        };
        that.getPriv = function (proof) {
            return (proof === secret) && priv;
        };
    }
    MyClass.prototype.inc = function () {
        var priv = this.getPriv(secret);
        priv.foo += 1;
        return priv.foo;
    };
    return MyClass;
}());
var x = new MyClass();
x.inc(); // 1
x.inc(); // 2

วัตถุprivมีคุณสมบัติส่วนตัว มันสามารถเข้าถึงได้ผ่านฟังก์ชั่นสาธารณะgetPriv()แต่ฟังก์ชั่นนี้จะกลับมาfalseเว้นแต่คุณจะผ่านมันsecretและเป็นที่รู้จักกันเฉพาะในการปิดหลัก

แล้วเรื่องนี้ล่ะ

var Restaurant = (function() {

 var _id = 0;
 var privateVars = [];

 function Restaurant(name) {
     this.id = ++_id;
     this.name = name;
     privateVars[this.id] = {
         cooked: []
     };
 }

 Restaurant.prototype.cook = function (food) {
     privateVars[this.id].cooked.push(food);
 }

 return Restaurant;

})();

การค้นหาตัวแปรส่วนตัวเป็นไปไม่ได้นอกขอบเขตของฟังก์ชั่นทันที ไม่มีฟังก์ชั่นซ้ำซ้อนประหยัดหน่วยความจำ

ข้อเสียคือการค้นหาตัวแปรส่วนตัวเป็น clunky privateVars[this.id].cookedนั้นไร้สาระที่จะพิมพ์ นอกจากนี้ยังมีตัวแปร "id" เพิ่มเติม

ล้อมโค้ดทั้งหมดใน Function ที่ไม่ระบุชื่อ: จากนั้นทุกฟังก์ชั่นจะเป็นส่วนตัวเท่านั้นที่มีฟังก์ชั่นแนบมากับwindowวัตถุ

(function(w,nameSpacePrivate){
     w.Person=function(name){
         this.name=name;   
         return this;
     };

     w.Person.prototype.profilePublic=function(){
          return nameSpacePrivate.profile.call(this);
     };  

     nameSpacePrivate.profile=function(){
       return 'My name is '+this.name;
     };

})(window,{});

ใช้สิ่งนี้:

  var abdennour=new Person('Abdennour');
  abdennour.profilePublic();

ซอ

WeakMapฉันชอบที่จะเก็บข้อมูลส่วนตัวในที่เกี่ยวข้อง วิธีนี้ช่วยให้คุณสามารถใช้วิธีสาธารณะของคุณกับต้นแบบที่พวกเขาอยู่ นี่เป็นวิธีที่มีประสิทธิภาพที่สุดในการจัดการปัญหานี้กับวัตถุจำนวนมาก

const data = new WeakMap();

function Foo(value) {
    data.set(this, {value});
}

// public method accessing private value
Foo.prototype.accessValue = function() {
    return data.get(this).value;
}

// private 'method' accessing private value
function accessValue(foo) {
    return data.get(foo).value;
}

export {Foo};

ฟังก์ชั่นส่วนตัวไม่สามารถเข้าถึงตัวแปรสาธารณะโดยใช้รูปแบบโมดูล

เมื่อทุกคนโพสต์รหัสของเขาที่นี่ฉันก็จะทำเช่นนั้น ...

ฉันชอบ Crockford เพราะเขาแนะนำรูปแบบวัตถุจริงใน Javascript แต่เขาก็เกิดความเข้าใจผิดขึ้นมาใหม่ว่า "สิ่งนั้น"

แล้วทำไมเขาถึงใช้ "that = this"? มันไม่มีอะไรเกี่ยวข้องกับฟังก์ชั่นส่วนตัวเลย มันเกี่ยวกับฟังก์ชั่นด้านใน!

เพราะตาม Crockford นี่เป็นรหัสบั๊กกี้:

Function Foo( ) {
    this.bar = 0; 
    var foobar=function( ) {
        alert(this.bar);
    }
} 

ดังนั้นเขาแนะนำให้ทำสิ่งนี้:

Function Foo( ) {
    this.bar = 0;
    that = this; 
    var foobar=function( ) {
        alert(that.bar);
    }
}

ดังนั้นอย่างที่ฉันพูดฉันค่อนข้างแน่ใจว่า Crockford ผิดคำอธิบายของเขาเกี่ยวกับเรื่องนี้และสิ่งนี้ (แต่รหัสของเขาถูกต้องแน่นอน) หรือว่าเขาหลอกโลก Javascript เพื่อรู้ว่าใครกำลังคัดลอกรหัสของเขา ฉันไม่รู้แล้ว ... ฉันไม่มีเบราว์เซอร์เกินเหตุ;

แก้ไข

อานั่นคือสิ่งที่เกี่ยวกับ: 'var that = this;' หมายถึงใน JavaScript?

ดังนั้น Crockie ผิดจริง ๆ กับคำอธิบายของเขา .... แต่ถูกต้องกับรหัสของเขาดังนั้นเขายังคงเป็นคนที่ดี :))

โดยทั่วไปฉันเพิ่มวัตถุส่วนตัว _ ลงในวัตถุชั่วคราว คุณต้องเปิดความเป็นส่วนตัวอย่างสุดยอดใน "Power-constructor" สำหรับวิธีการนี้ หากคุณเรียกใช้เมธอดจากต้นแบบคุณจะสามารถเขียนทับต้นแบบ - เมธอดได้

• กำหนดให้สามารถเข้าถึงเมธอดสาธารณะใน "Power-constructor": (ctx คือบริบทวัตถุ)

  ctx.test = GD.Fabric.open('test', GD.Test.prototype, ctx, _); // is a private object

• ตอนนี้ฉันมี openPrivacy นี้:

  GD.Fabric.openPrivacy = function(func, clss, ctx, _) {
      return function() {
          ctx._ = _;
          var res = clss[func].apply(ctx, arguments);
          ctx._ = null;
          return res;
      };
  };

นี่คือสิ่งที่ฉันทำงานออกมา:

ความต้องการหนึ่งระดับของน้ำตาลในรหัสที่คุณสามารถหาได้ที่นี่ ยังรองรับการป้องกันการสืบทอดเสมือนสิ่งคงที่ ...

;( function class_Restaurant( namespace )
{
    'use strict';

    if( namespace[ "Restaurant" ] ) return    // protect against double inclusions

        namespace.Restaurant = Restaurant
    var Static               = TidBits.OoJs.setupClass( namespace, "Restaurant" )


    // constructor
    //
    function Restaurant()
    {
        this.toilets = 3

        this.Private( private_stuff )

        return this.Public( buy_food, use_restroom )
    }

    function private_stuff(){ console.log( "There are", this.toilets, "toilets available") }

    function buy_food     (){ return "food"        }
    function use_restroom (){ this.private_stuff() }

})( window )


var chinese = new Restaurant

console.log( chinese.buy_food()      );  // output: food
console.log( chinese.use_restroom()  );  // output: There are 3 toilets available
console.log( chinese.toilets         );  // output: undefined
console.log( chinese.private_stuff() );  // output: undefined

// and throws: TypeError: Object #<Restaurant> has no method 'private_stuff'

Class({  
    Namespace:ABC,  
    Name:"ClassL2",  
    Bases:[ABC.ClassTop],  
    Private:{  
        m_var:2  
    },  
    Protected:{  
        proval:2,  
        fight:Property(function(){  
            this.m_var--;  
            console.log("ClassL2::fight (m_var)" +this.m_var);  
        },[Property.Type.Virtual])  
    },  
    Public:{  
        Fight:function(){  
            console.log("ClassL2::Fight (m_var)"+this.m_var);  
            this.fight();  
        }  
    }  
});  

https://github.com/nooning/JSClass

ฉันได้สร้างเครื่องมือใหม่เพื่อให้คุณมีวิธีการส่วนตัวที่แท้จริงในต้นแบบ https://github.com/TremayneChrist/ProtectJS

ตัวอย่าง:

var MyObject = (function () {

  // Create the object
  function MyObject() {}

  // Add methods to the prototype
  MyObject.prototype = {

    // This is our public method
    public: function () {
      console.log('PUBLIC method has been called');
    },

    // This is our private method, using (_)
    _private: function () {
      console.log('PRIVATE method has been called');
    }
  }

  return protect(MyObject);

})();

// Create an instance of the object
var mo = new MyObject();

// Call its methods
mo.public(); // Pass
mo._private(); // Fail

คุณต้องปิดตัวสร้างจริงของฟังก์ชันที่คุณสามารถกำหนดวิธีการส่วนตัวของคุณ ในการเปลี่ยนข้อมูลของอินสแตนซ์ด้วยวิธีส่วนตัวเหล่านี้คุณต้องให้ "นี่" กับพวกเขาไม่ว่าจะเป็นอาร์กิวเมนต์ของฟังก์ชันหรือโดยการเรียกใช้ฟังก์ชันนี้ด้วย. apply (this):

var Restaurant = (function(){
    var private_buy_food = function(that){
        that.data.soldFood = true;
    }
    var private_take_a_shit = function(){
        this.data.isdirty = true;   
    }
    // New Closure
    function restaurant()
    {
        this.data = {
            isdirty : false,
            soldFood: false,
        };
    }

    restaurant.prototype.buy_food = function()
    {
       private_buy_food(this);
    }
    restaurant.prototype.use_restroom = function()
    {
       private_take_a_shit.call(this);
    }
    return restaurant;
})()

// TEST:

var McDonalds = new Restaurant();
McDonalds.buy_food();
McDonalds.use_restroom();
console.log(McDonalds);
console.log(McDonalds.__proto__);

ฉันรู้ว่ามันสายเกินไป แต่แล้วเรื่องนี้ล่ะ?

var obj = function(){
    var pr = "private";
    var prt = Object.getPrototypeOf(this);
    if(!prt.hasOwnProperty("showPrivate")){
        prt.showPrivate = function(){
            console.log(pr);
        }
    }    
}

var i = new obj();
i.showPrivate();
console.log(i.hasOwnProperty("pr"));

มีคำตอบมากมายสำหรับคำถามนี้อยู่แล้วแต่ไม่มีอะไรเหมาะสมกับความต้องการของฉัน ดังนั้นฉันจึงคิดวิธีแก้ปัญหาของตัวเองฉันหวังว่ามันจะมีประโยชน์สำหรับใครบางคน:

function calledPrivate(){
    var stack = new Error().stack.toString().split("\n");
    function getClass(line){
        var i = line.indexOf(" ");
        var i2 = line.indexOf(".");
        return line.substring(i,i2);
    }
    return getClass(stack[2])==getClass(stack[3]);
}

class Obj{
    privateMethode(){
        if(calledPrivate()){
            console.log("your code goes here");
        }
    }
    publicMethode(){
        this.privateMethode();
    }
}

var obj = new Obj();
obj.publicMethode(); //logs "your code goes here"
obj.privateMethode(); //does nothing

ตามที่คุณเห็นว่าระบบนี้ใช้งานได้เมื่อใช้คลาสประเภทนี้ใน javascript เท่าที่ฉันคิดได้ว่าไม่มีวิธีการใดที่ให้ความเห็นด้านบน

ดูคำตอบนี้สำหรับโซลูชัน 'คลาส' ที่สะอาดและเรียบง่ายพร้อมอินเทอร์เฟซส่วนตัวและสาธารณะและการสนับสนุนการจัดองค์ประกอบ