prototypal-inheritance

I am trying to get a JavaScript object to use the "this" assignments of another objects' constructor, as well as assume all that objects' prototype functions. Here's an example of what I'm attempting to accomplish: /* The base - contains assignments to 'this', and prototype functions */ function ObjX(a,b) { this.$a = a; this.$b = b; } ObjX.prototype.getB() { return this.$b; } function ObjY(a,b,c) { // here's what I'm thinking should work: this = ObjX(a, b * 12); /* and by 'work' I mean ObjY should have the following properties: * ObjY.$a == a, ObjY.$b == b * 12, * and ObjY.getB == ObjX

I like that in javascript, I can create a function, and then add further methods and attributes to that function myInstance = function() {return 5} myInstance.attr = 10 I would like to create a class to generate these objects. I assume I have to inherit from the Function base class. In other words, I would like to: var myInstance = new myFunctionClass() var x = myInstance() // x == 5 But I don't know how to create the myFunctionClass. I have tried the following, but it does not work: var myFunctionClass = function() {Function.call(this, "return 5")} myFunctionClass.prototype = new Function()

I'm trying to get a deeper hold on prototypal inheritance and class creation (I know, there are other ways, but for the purpose of this I'm trying to grasp prototypes.) My question is: Using the following code example, is there a way to create private variables inside of Tree and Fruit that will not be returned with the function, but is still accessible to the prototype functions genus and bulk ? var Tree = function ( name, size ) { this.name = name; this.size = size; }; Tree.prototype.genus = function(){ return ((typeof this.name !== 'undefined') ? this.name : 'Hybridicus Maximus'); }; Tree

I'm building a Node.js app with Connect/Express.js and I want to intercept the res.render(view, option) function to run some code before forwarding it on to the original render function. app.get('/someUrl', function(req, res) { res.render = function(view, options, callback) { view = 'testViews/' + view; res.prototype.render(view, options, callback); }; res.render('index', { title: 'Hello world' }); }); It looks like a contrived example, but it does fit in an overall framework I'm building. My knowledge of OOP and Prototypal inheritance on JavaScript is a bit weak. How would I do something like

This is weird as it should be pretty straightforward. I will post my code first and then ask the question: html - <div ng-controller="myController" ng-switch on="addressCards"> <div> {{addCustom}} // does not get changed <div ng-if="addCustom === false"> {{addCustom}} // does get changed <button type="button" class="btn btn-primary btn-icon-text" ng-click="addCustom = true"> <span class="icon icon-plus"></span> click here </button> </div> </div> </div> controller - (function(){ 'use strict'; angular.module('myApp') .controller('myController',['$scope',myController]); function myController(

How does one extend core JavaScript types (String, Date, etc.) without modifying their prototypes? For example, suppose I wanted to make a derived string class with some convenience methods: function MyString() { } MyString.prototype = new String(); MyString.prototype.reverse = function() { return this.split('').reverse().join(''); }; var s = new MyString("Foobar"); // Hmm, where do we use the argument? s.reverse(); // Chrome - TypeError: String.prototype.toString is not generic // Firefox - TypeError: String.prototype.toString called on incompatible Object The error seems to originate from