×

错误“SyntaxError: missing name after . operator”提示的解决方案

作者:Terry2022.05.27来源:Web前端之家浏览:7461评论:0
关键词:js

错误“SyntaxError: missing name after . operator”提示的解决方案。

错误提示

SyntaxError: missing name after . operator

哪里出错了?

点操作符 (.) 用于属性访问。你需要指定要访问的属性名称。对于属性名称是运算表达式的属性访问,需要将属性访问的方式从点操作符转换为方括号操作符。这样你就可以在其中进行表达式运算了。或许你想要进行字符串拼接操作?那么请使用加号操作符(+)。请参考下面的示例。

示例

属性访问

JavaScript 中,属性访问器或者使用点操作符 (.),或者使用方括号操作符 ([]),但是二者不能同时使用。方括号操作符允许属性名称为运算表达式的属性访问。

错误代码:

var obj = { foo: { bar: "baz", bar2: "baz2" } };
var i = 2;

obj.[foo].[bar]
// SyntaxError: missing name after . operator

obj.foo."bar"+i;
// SyntaxError: missing name after . operator

为了进行代码修复,你需要向下面这样来访问对象:

obj.foo.bar; // "baz"
// or alternatively
obj["foo"]["bar"]; // "baz"

// computed properties require square brackets
obj.foo["bar" + i]; // "baz2"

属性访问与字符串拼接

如果你是中其他编程语言(如 PHP)转到 JavaScript 的,很容易将点操作符 (.) 与连接操作符 (+) 混用:

console.log("Hello" . "world");
// SyntaxError: missing name after . operator

相反要使用加号来进行字符串拼接:

console.log("Hello" + "World")

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jserror20220527a1.html

网友评论文明上网理性发言 已有0人参与

发表评论: