首页 > 代码库 > js基础知识：表达式

js基础知识：表达式

2024-08-24 14:49:46   220人阅读

一、什么是表达式？

我理解的“表达式”：程序执行到1个“表达式”时，会返回1个值到这个“表达式”所在的位置。

var a = 10 , b = 20;  // 这是初始化变量

console.log(a+b); // 计算变量a、b的值（标识符解析），然后返回两者的值到其所在位置。那么就相当于console.log(10+20)

 

二、常见的几种表达式

（一）原始表达式


1.直接量（字面量）

 

123 // 数字
‘hola‘ // 字符串

 

2.JavaScript的保留字


“保留字”就是在程序中有特殊意义的标识符，程序员不能使用它们作为变量了。

 

true; // 布尔值
this; // 函数的调用上下文


3.变量

var a = 10; alert(a); // 计算变量a的值，返回1个10，然后将10传入alert函数。


（二）数组表达式、对象表达式



数组表达式就是1个新创建的数组。

 

[1,2,3,4]; // 创建1个数组。


和数组表达式一样，对象表达式就是新建1个对象。

{x:1, y:2}; // 创建1个对象


（三）函数表达式

创建1个函数，可以采用函数声明的方式，也可以采用函数表达式的方式。函数表达式就是创建1个函数，将它的引用保存在1个变量中。

 

var foo = function(a){ return ‘传进来的实参是：‘ + a; }; // 创建1个匿名的函数，它的引用保存在变量foo中。


（四）属性访问表达式

属性访问表达式有2种语法：

1.“表达式.标示符”： “表达式”需要是1个对象，而“标示符”必须是对象已经存在的属性。

 

var obj = {x:1, y:2}; console.log(obj.x); // obj.x返回obj对象中的x属性，1。

 

2.“表达式[表达式]”：第1个“表达式”同样需要是1个对象，而第2个“表达式”的值可以为：

（1）字符串：那么这就是对象的属性访问or属性设置。

对象的属性访问：

 

var obj = {x:1, y:2};  console.log(obj[‘x‘]); // 访问obj对象中x属性的值，返回1。

 

对象的属性设置（给1个属性赋值）：

 

var obj = {x:1, y:2}; obj[‘z‘] = 3; console.log(obj); // { x=1,  y=2,  z=3}


（2）数字：数组元素访问。

 

var arr = [1,2,3,4]; console.log(arr[0]); // 访问数组中索引为0的元素，返回1。

 

（五）函数调用表达式

函数调用表达式就是这样的：“函数名(实参)”。函数调用表达式的返回值，取决于return语句。

1没写return语句：函数调用返回undefined。

 

    function add(x){
            x+x; 
    }
    console.log( add(1) ); // 函数没有return语句，函数调用返回undefined。


2.写了return语句，但没写返回值：函数调用返回undefined。

 

    function add(x){
            x+x; 
            return;
    }
    console.log( add(1) ); // 写了return语句但没有返回值，函数调用返回undefined。


3.写了return语句和要返回的表达式：返回表达式的值。

    function add(x){
        return x+x; 
    }
    console.log( add(1) ); // 写了return语句，指定了返回值（x+x），所以函数调用返回2。

 

参考资料：

《JavaScript权威指南》（第6版） 4.1-4.6

js基础知识：表达式


联系
我们