使用JavaScript进行多个左侧分配

2020/10/20 05:01 · javascript ·  · 0评论
var var1 = 1,
    var2 = 1,
    var3 = 1;

这等效于:

var var1 = var2 = var3 = 1;

我相当确定这是定义变量的顺序:var3,var2,var1,这等效于此:

var var3 = 1, var2 = var3, var1 = var2;

有什么方法可以用JavaScript确认吗?可能使用一些分析器?

其实,

var var1 = 1, var2 = 1, var3 = 1;

不是等同于:

var var1 = var2 = var3 = 1;

区别在于范围:

function good() {
  var var1 = 1, var2 = 1, var3 = 1;
}

function bad() {
  var var1 = var2 = var3 = 1;
}

good();
console.log(window.var2); // undefined

bad();
console.log(window.var2); // 1. Aggh!

实际上,这表明分配是正确的关联。bad示例等效于:

var var1 = (window.var2 = (window.var3 = 1));

JavaScript中的分配从右到左起作用。var var1 = var2 = var3 = 1;

如果这些变量中的任何一个的值1在此语句之后,则从逻辑上讲它必须从右开始,否则值orvar1var2将是不确定的。

您可以认为它等同于var var1 = (var2 = (var3 = 1));最里面的括号集首先被评估的位置。

var var1 = 1,var2 = 1,var3 = 1;

在这种情况下, var关键字适用于所有三个变量。

var var1 = 1,
    var2 = 1,
    var3 = 1;

这不等于:

var var1 = var2 = var3 = 1;

在这种情况下,screensvar关键字后面仅适用于var1由于变量提升而导致的情况,并且表达式的其余部分正常进行求值,因此变量var2, var3变为全局变量

Javascript按以下顺序处理此代码:

/*
var 1 is local to the particular scope because of var keyword
var2 and var3 will become globals because they've used without var keyword
*/

var var1;   //only variable declarations will be hoisted.

var1= var2= var3 = 1; 
a = (b = 'string is truthy'); // b gets string; a gets b, which is a primitive (copy)
a = (b = { c: 'yes' }); // they point to the same object; a === b (not a copy)

(a && b)从逻辑上讲(a ? b : a),表现得像乘法(例如!!a * !!b

(a || b)从逻辑上讲(a ? a : b),其行为类似于加法(例如!!a + !!b

(a = 0, b)是不关心a的真相的简称,隐式地返回b


a = (b = 0) && "nope, but a is 0 and b is 0"; // b is falsey + order of operations
a = (b = "b is this string") && "a gets this string"; // b is truthy + order of ops

JavaScript运算符优先级(操作顺序)

请注意,逗号运算符实际上是特权最低的运算符,而括号是特权最高的运算符,并且在构造单行表达式时它们是齐头并进的。


最终,您可能需要“ thunk”而不是硬编码的值,对我来说,thunk既是函数又是结果值(相同的“事物”)。

const windowInnerHeight = () => 0.8 * window.innerHeight; // a thunk

windowInnerHeight(); // a thunk

尝试这个:

var var1=42;
var var2;

alert(var2 = var1); //show result of assignment expression is assigned value
alert(var2); // show assignment did occur.

注意第一个警报中的单个“ =”。这将表明分配表达式的结果是分配的值,第二警报将向您显示分配确实发生。

从逻辑上讲,分配必须从右到左链接在一起。但是,由于这对javascript来说是原子的(没有线程),因此特定引擎可能会选择实际进行一些优化。

现在很明显,它们并不相同。编码的方式是

var var1, var2, var3
var1 = var2 = var3 = 1

而且,租约呢?与var完全相同,不要因为块范围而让let分配使您感到困惑。

let var1 = var2 = 1 // here var2 belong to the global scope

我们可以执行以下操作:

let v1, v2, v3
v1 = v2 = v3 = 2

注意:顺便说一句,我不建议您使用多个分配,甚至不要在同一行中使用多个声明。

coffee-script 可以坚定地做到这一点。

for x in [ 'a', 'b', 'c' ] then "#{x}" : true

[ { a: true }, { b: true }, { c: true } ]

本文地址:http://javascript.askforanswer.com/shiyongjavascriptjinxingduogezuocefenpei.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!