分类标签归档:JS

在Javascript中创建Singleton


这篇文章是关于在Native(纯)Javascript中创建单身人士。这个概念对于维护干净的代码很有用。

如果你想维护你的代码,或者某些数据在整个应用程序中应保持相同,这就是你完成它的方法。

先验知识 这只是为了帮助您更轻松地理解概念,否则您始终可以复制粘贴代码并相应地进行更改。

  • 基本的Javascript语法
  • Javascript函数
  • Javascript中的IIFE

让我们开始吧

让我们创建具有IIFE功能的对象,该功能将立即执行以使我们能够使用Singleton。

var singletonFn = (function(){ //Created IIFE Function
  ...

阅读全文...

JavaScript传播语法


Spread语法允许在可能需要零个或多个参数(用于函数调用)或元素(用于数组文字)的位置扩展可迭代的数组表达式或字符串,或者在预期为零的位置展开对象表达式。

句法

对于函数调用:

myFunction(...iterableObj);

对于数组文字或字符串:

[...iterableObj, '4', 'five', 6];

例子

传播函数调用

替换申请

在要使用数组元素作为函数参数的情况下,通常使用Function.prototype.apply

function myFunction(x, y, z) { }
 var args = [0, 1, 2];
 myFunction....

阅读全文...

JavaScript严格的模式


ECMAScript 5中引入了严格模式,允许您在“严格”的操作环境中放置程序或函数。这种严格的上下文阻止了某些操作被采取并引发更多异常。

严格模式对常规JavaScript语义进行了一些更改。

  • 首先,严格模式通过更改它们以抛出错误来消除一些JavaScript无声错误。
  • 其次,严格模式修复了使JavaScript引擎难以执行优化的错误:严格模式代码有时可以比非严格模式的相同代码运行得更快。
  • 第三,严格模式禁止在ECMAScript的未来版本中可能定义的某些语法。

严格模式代码和非严格模式代码可以在同一个脚本中共存。

// Non-strict code...

 (function...

阅读全文...

JavaScript switch语句


编程中的switch语句类似于if-else语句,但在有很多条件时有时更容易阅读。此外,它还允许添加一个default块,如果没有其他条件为真,将执行该块。

句法:

switch(expression) {
  case 1:
    console.log('1');
    break;
   case 2:
     console.log('2');
     break;
   default:
     console.log('No true condition, default');
 }

上面的代码段显示了基本switc...

阅读全文...

JavaScript模板文字


模板文字是一个ES6功能,利用反引号字符来定义字符串值

基本语法

以下是模板文字的基本示例:

// ES5 syntax
 var es5String = "ES5 String"
 var es5StringWithVariable = "ES5 String with a " + variable + "..."

 // ES6 template literal
 const tempLit = `Simple string`

 // ES6 template literal with variable
 let tem...

阅读全文...

JavaScript 三元运算符


Ternary运算符以压缩格式替换if / else块。以下是三元运算符的一般格式。

condition ? expr1 : expr2

描述

如果condition为true,则运算符解析为expr1的值;否则,它解析为expr2的值。

例如,要根据isMember变量的值显示不同的消息,可以使用以下语句:

let isMember = true;

 let message = isMember ? 'Welcome Back!' : 'You need to login'; // 'Welcome Back'

使用三元运算符的另一个...

阅读全文...

JavaScript `this`参考


在JavaScript中,每个函数都有this引用在声明它自动创建。该参考颇为相似, this在其他基于类的语言如Java或C#参考(JavaScript是一种基于原型的语言,并没有“阶级”的概念): 它指向哪个对象有时调用的函数 (该对象称为上下文 )。但是,在JavaScript中, 函数内部的this引用可以绑定到不同的对象,具体取决于调用函数的位置 。以下是JavaScript中this绑定的5个基本规则:

规则1

在全局范围中调用函数时, this引用默认绑定到全局对象 (浏览器中的window或Node.js中的global )。例如:

function foo() {
  ...

阅读全文...

JavaScript时间事件


程序员使用定时事件来延迟代码的执行或以指定的间隔重复代码。

JavaScript库中有两个用于完成这些任务的本机函数: setTimeout()setInterval()

使用setTimeout()将传递函数的执行延迟指定的时间。您传递给setTimeout()参数有两个:您要调用的函数,以及以毫秒为单位的时间量。 (1秒内有1000毫秒(ms)。例如:5000毫秒= 5秒。) setTimeout()将在指定时间过后执行一次。

setTimeout()示例:

var timeoutID;

 function delayTimer() {
  timeoutID = setTi...

阅读全文...

JavaScript 所在位置


JavaScript是HTML和Web的编程语言。在HTML中,必须在<script>容器标记中插入JavaScript。

<script>
  window.alert("This JavaScript Works!");
 </script>

另外,请记住,您可以在HTML文档中放置任意数量的<script>标记。

<script>标签在哪里?

<script>标记可以放在<head><body>

<head> JavaScript

在此示例中,...

阅读全文...

JavaScript with


JavaScript的with语句是在一个对象上编辑多个属性的简便方法。大多数开发人员不鼓励使用with ,您最好不要使用此关键字。

注意"strict mode"禁止使用with

句法

with (expression)
  statement

示例用法

在JavaScript中,您可以单独修改对象的属性,如下所示:

let earth = {};
 earth.moons = 1;
 earth.continents = 7;

with为您提供了修改对象属性的简写:

with (earth) {
  moons = 1;
  continents = 7;
 }

虽然这...

阅读全文...