javascript-namespaces

问题 I have some code like below in my component. <svg id="SvgjsSvg3254" width="318" height="152" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" class="apexcharts-svg" xmlns:data="ApexChartsNS" transform="translate(0, 0)" style="background: transparent none repeat scroll 0% 0%;"> I am getting error like below Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the

问题 I have been reading up on namespacing, Object literals, IIFEs, etc. and I'm trying to understand which of the following is the right way to namespace JavaScript code? Namespace with nested external functions using IIFE let myApp = myApp || {}; myApp.some_var = "someString"; myApp.some_func = (function(){ const some_const = 1; let some_other_func = function(){ console.log(some_const); }; return { some_other_func: some_other_func } }()); myApp.another_func = (function(){ const another_const = 2

问题 So here is my problem : Currently, I have a dozen of functions related to WEBRTC within a template js file. My objective is to have those functions in a separate file, called webRTCWrapper.js for example, and to call those functions in my template without using global variable. I think I must use namespaces, am I correct ? If so, how do you use them ? EDIT : For anyone interested, this is exactly what I was looking for : http://themeteorchef.com/snippets/using-the-module-pattern-with-meteor/

问题 I was reading the source code of a library, which must remain anonymous, and I see that it's using an empty function to setup the namespace. It appears to be similar to the object literal notation (OLN) except that the base is a function. Here's an example of the declaration. /** * Base namespace for FOO library * @name FOO * @namespace */ function FOO(){} FOO.bar = 'bar const..'; FOO.fooFunc = function () { /* code */ }; FOO.Bar = function () { /* some constructor */ }; FOO.Bar.prototype.baz

问题 I have ignored javascript forever. I started using jQuery a few years back so I could get by. But as I've started doing TDD more I decided yesterday to really dive into javascript (and possibly coffeescript after that). In my ASP.NET Web Forms application I have many pages and currently most of those pages do not have a ton of javascript. I'm in the process of changing that. I'm using Jasmine with Chutzpah to create my tests. I was moving along with my tests passing and failing as expected.

问题 I know how to write Meteor packages but I can't seem to figure out how to have all exports land in my app's namespace, as described in this presentation. This particular package is specific to an app I'm building, and it exports only one method that can be regarded as a decorator on the app's singleton. I tried api.export('MyApp.myMethod') but that gives an error native: Bad exported symbol: MyApp.myMethod . If I just api.export('myMethod') , then in the app code I have to call myMethod() ,

问题 I have been studying as much as I can about the Module Pattern suggested by the Yahoo YUI Blog. I've noticed that the YUI offers the ability to create a new empty namespace object without overwriting an existing one of the same name like so: YAHOO.namespace("myProject"); Which can then be called and used with YAHOO.myProject (Reminder: if YAHOO.myProject already exists it is not overwritten) How can I achieve a similar effect using plain javascript, and without using the YUI? Please explain

问题 I'm used to writing plugins like so: ;(function($){jQuery.fn.myPlugin=function(options){ var defaults={ 'property':value }, o=$.extend({},defaults,options||{}); // INSERT AND CACHE ELEMENTS var $Element=$('<div></div>'); $Element.appendTo($('body')); function funFunction(){ // I have access to $Element! $Element.hide(500); }; this.each(function(i){ var $this=$(this); }); return this; });};})(jQuery); I know it's not perfect, which is why I'm now trying to properly learn namespacing, better

问题 I've seen namespaces in JavaScript defined as: var AppSpace = AppSpace || {}; and/or var namespace = {}; Can anyone tell me: What's the difference? What's || used for in the first example? Why, in the first example, is AppSpace used twice? Which is the preferred syntax? 回答1: The || operator is the logical or which in Javascript returns its left operand if the left operand is truthy, otherwise it returns its right operand. The first syntax is preferable, because you can reuse it it multiple

问题 How can I pass the default options from one method to the subsequence methods ? For instance, I have some default setting in the init method. and I want to use these settings for other methods such as show , (function($) { var methods = { init: function(options) { var defaults = { element: "selection" } var options = $.extend(defaults, options); var o = options; alert(o.element); }, show: function(o) { alert(o.element); }, hide: function() { alert(o.element); } }; $.fn.plugin = function(