JavaScript 类

以下是为您整理出来关于【JavaScript 类】合集内容,如果觉得还不错,请帮忙转发推荐。

【JavaScript 类】技术教程文章

DRY-er Javascript类【代码】

使用jQuery,这是我在JS中编写的大多数类的格式:$.Tabs = function(options){ var self = this; this.defaults = {}; var cfg = $.extend(true, {}, this.defaults, options); this.$elem = cfg.$elem;function _init(){var dontInit = false;if (!cfg.$elem || !cfg.requiredProperty){alert('missing params');dontInit = true;}if (!dontInit){self.$elem.bridge(self);} }this.show = function(){}; this.hide = function(){};...

javascript-按类排列的元素数组-TypeError:$.id不是函数【代码】

我正在尝试从均共享一个类的div元素创建一个数组. div的ID为settingsMenu,我需要存储在数组中的所有元素都共享一个menuOption类.JQuery尝试如下:var options = $.id('settingsMenu').getElementsByClassName('menuOption');当我在其中使用此语句执行函数时,出现的错误是:“Uncaught TypeError: $.id is not afunction”$.id似乎有问题,我使用错了吗? 虚拟HTML:<div id="settingsMenu"><input type="text" class="menuOption" /...

TypeScript:如何导入ES6 JavaScript类?【代码】

我有一个名为DB的ES6 JavaScript类,定义如下:// db.js "use strict";export default class DB {... }还有一个TypeScript文件,如下所示:// surgeons.ts "use strict";import DB from "./db";我希望这可以正常工作,但是会出现以下错误:Browserify Error { [TypeScript error: app/source/common/surgeons.ts(3,16): Error TS2307: Cannot find module './db'.]message: 'app/source/common/surgeons.ts(3,16): Error TS2307: Cann...

JavaScript类对象字符串到对象【代码】

我将验证规则存储在HTML属性中. 字符串文字中的验证规则如下所示:'{required:true, minlength:2, maxlength:100}'要将其转换为javascript对象,可以使用eval(string_literal) 但是,评估是不愉快的. 除了使用eval将字符串等对象转换为对象之外,还有其他方法吗? 一个约束是我不能使用JSON.解决方法:将eval与您信任的来源中控制良好的数据一起使用是很好的.解析器的启动成本在最坏的情况下可以忽略不计.自然地,将eval与您不信任的来源...

javascript-在类定义中定义的Angular 2 ngModel不绑定对象属性【代码】

我是角2的新手,我尝试过[[ngModel)],如下所示.import { Component } from '@angular/core';@Component({selector: 'my-app',template: `<input [(ngModel)]="model.name" name="name"> <h1>{{model.name}}</h1>` }) export class AppComponent { constructor() { } model = {name: "some value"}; }上面的代码在浏览器中的网页初始加载时产生如下所示的输出.第二个是..import { Component } from '@angular/core';@Component({se...

javascript-“类扩展值#不是构造函数或null”【代码】

感谢您阅读我的文章我在代码中收到此错误:“类扩展值#不是构造函数或null”这是我的代码,我正在尝试导出/导入类. monster.js:const miniMonster = require("./minimonster.js");class monster {constructor(options = { name }, health) {this.options = options;this.health = 100;this.heal = () => {return (this.health += 10);};} }let bigMonster = new monster("Godzilla"); console.log(bigMonster);console.log(bigMons...

在香草ES6 Javascript类中访问MobX存储【代码】

这是React中的小菜一碟.如果您希望MobX存储在任何React组件中都可用,则只需使用mobx-react @inject组件即可.就像是:import React from 'react'; import {inject} from 'mobx-react';@inject('myStore') class Dummy extends React.Component {然后,我的商店可用作道具: this.props.myStore.myMethod(); 不错,方便…而且仅限React.也许我缺少了一些东西,但是我找不到从普通ES6类访问我的商店的方法.在纯Vanilla Javascript中的普通...

将JavaScript类导入另一个类时出现意外标识符{classname}【代码】

我正在使用Node v10.11.0,并且正在从Ubuntu 18.04运行此脚本. 我的文件设置如下所示: main.jsimport Login from './Login.mjs';class Main {constructor() {const login = new Login();login.login();} }new Main();Login.mjsimport readline from 'readline';class Login {constructor() {this.username = '';this.password = '';this.readline = readline.createInterface({input: process.stdin,output: process.stdout});}log...

Javascript“类”(无框架)【代码】

我正在做我的第一个使用大量对象的JavaScript项目.由于它的工作原理,几乎所有自定义对象都是这样完成的:namespaceobj = {}; namespaceobj.subobject = {}; namespaceobj.subobject.somefunction = function(arg, uments) {// Do Stuff } namespaceobj.subobject.somedata = 10; namespaceobj.othersubject = {}; namespaceobj.othersubject.somefunction = function(some, args) {// Do more stuff } // More subobjects etc.很好...

Javascript类setAttribute应用于Chrome扩展程序【代码】

我正在尝试通过Google Chrome扩展程序更改任何Google搜索中的标题条目的属性.标题条目是指这些用红色下划线标注的内容:图片:http://postimg.org/image/sgsyccbpf/使用Mozilla Firefox检查器查看随机Google搜索的HTML代码:图片:http://postimg.org/image/gsywhsmkj/我的想法是通过查找类名称“ rc”来获取每个元素.也许这不是一个好主意,但我认为它会起作用. 为了开发Chrome扩展程序,我编写了以下文件: manifest.json{"name": ...