javascript sign $的含义?

时间:2018-09-12 17:34:45

标签: javascript function

打扰我了,这是什么意思?

<div className="col-md-4">
                    <div className={"card " + (this.state.selected ? "frame" : "")} style={{width: 18+'rem'}}>
                      <img className="card-img-top" style={{width: 10+'rem', margin: 0+' '+'auto'}} src={this.props.img} alt="Card image cap"/>
                      <div className="card-body">
                        <h5 className="card-title">{this.props.name}</h5>
                        <p clasNames="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                        <div className="description">
                            <p className="card-text">30€</p>
                            <p className={"card-text " + (this.state.selected ? "" : "displayQua")}>Q: {this.state.quantity}</p>
                        </div>
                        <button onClick={this.toggleMenu} href="#" style={{width: 100 + '%', margin: 0+' '+'auto'}}  className="btn">SELECT</button>
                      </div>
                    </div>
                    <div className="menu">
                        <div className={this.state.visible ? "" : "visible"}>
                            <div className="menu">
                                {_.times(this.props.quantity, i => (
                                    <a onClick={this.targetValue} key={i} href="#">{i + 1}</a>
                                  ))}
                            </div>
                        </div>
                    </div>
                </div>

这是包含前面提到的行的文本程序:

console.log(`${ingredientAmount} ${unit} ${name}`); ? 

2 个答案:

答案 0 :(得分:1)

那是template literal / template string${}是定义占位符的标记,这些占位符将被其中的表达式的值替换。

所以这个:

console.log(`${ ingredientAmount } ${ unit } ${ name }`);

正常的string为:

console.log(ingredientAmount + ' ' + unit + ' ' + name);

答案 1 :(得分:0)

Javascript ES6世界中的

${}表示Javascript在解析该文字时会在花括号内找到一个expression进行计算,这意味着从模板文字,这些部分将由解析时内部表达式求值的任何值替换。反引号包含模板文字:

String

表达式不仅可以是您显示的变量,还可以是其他类似的变量

`** literal here**`

`Today's date is ${new Date()}. Have a beautiful day!`