js基础知识:表达式
一、什么是表达式?
我理解的“表达式”:程序执行到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基础知识:表达式的更多相关文章
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
- 网站开发进阶(十五)JS基础知识充电站
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- js基础知识温习:Javascript中如何模拟私有方法
本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法 ...
- js基础知识--BOM
之前说过,在js的 运行环境为浏览器时,js就主要有三部分组成: ECMAScript核心语法.BOM.DOM.今天就和大家详细说一下BOM的一些基础知识. BOM BOM通常被称为浏览器对象模型,主 ...
- JS基础知识总结
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...
- js基础知识总结(2016.11.1)
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...
随机推荐
- android之Fragment基础详解(一)
一.Fragment的设计哲学 Android在3.0中引入了fragments的概念,主要目的是用在大屏幕设备上--例如平板电脑上,支持更加动态和灵活的UI设计.平板电脑的屏幕比手机的大得多,有 ...
- DBCP数据源连接池实现原理分析
前些天在调试公司系统的时候发现这样的一个问题:mysql数据库服务停止一段时间后再次重启后吗,tomcat服务无法请求数据库服务,调试了半天对这个问题进行定位解决,期间也搞了很多有关mysql数据库的 ...
- The path to the driver executable must be set by the webdriver.gecko.driver system property
报这个错,是因为你使用了selenium3+Firefox.在selenium3中,使用Firefox,需要添加驱动. 您可以从Github上下载驱动程序下载网址- https://github.c ...
- eclipse的安装与配置
eclipse的英文名是日蚀,一直很喜欢这个名字. 1.安装很简单,直接下载eclipse包,免安装的.解压后找到其执行文件,如图所示.
- redis 在linux下的安装
背景:在项目互联网项目开发中我们经常需要缓存热点数据,在做热点数据缓存时有2个常用的方案 redis简介redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型 ...
- Guava学习笔记:Google Guava 类库简介
http://www.cnblogs.com/peida/tag/Guava/ Guava 是一个 Google 的基于java1.6的类库集合的扩展项目,包括 collections, cachin ...
- UISegmentedControl 控件
一.创建 UISegmentedControl* mySegmentedControl = [[UISegmentedControl alloc]initWithItems:nil]; 是不是很奇怪没 ...
- gulp插件gulp-ruby-sass和livereload插件
gulp-ruby-sass是gulp的一个插件,主要是用来实现sass编译,livereload插件主要是实现文件保存时浏览器自动刷新,避免了手动f5的频繁的操作 准备工作:chrome浏览器安装l ...
- Python 9X9乘法口诀表
#乘法口诀 for i in range(1,10): for j in range(1,i+1): print ( j,'*',i,'=',j*i,'',' ',end='') print(end= ...
- C#实现MS-Office文档转Pdf(Word、Execel、PowerPoint、Visio、Project)
using System; using Microsoft.Office.Core; namespace Office { class Util { private Util() { } /// &l ...