javascript表达式和运算符详解


Posted in Javascript onFebruary 07, 2017

一、js表达式

定义:表达式是指能计算出值得任何可用程序单元。  ——wiki

 表达式是js一种短语,可是js解释器用来产生一个值。  ——js《权威指南》

1.原始表达式。

常量/直接量: 3.14/ "test" 等

关键字: null,this,true,false 等

变量: i,k,j 等

复合表达式:原始表达式和原始表达式之间用运算符连接可以组成一个复合表达式。

例如: 10 * 20 这就是一个复合表达式

2.(数组、对象的)初始化表达式。

例如:

[1,2]  等价于  new Array(1,2);

[1,,,2]  等价于  new Array(1,undefined,undefined,2);

{x:1,y:2} 等价于  var obj = new Object();

obj.x = 1;obj.y = 2;

3.函数表达式。

var fn = function(){};

或者:

(function(){ console.log("hello") })();

如果你不理解函数表达式后面还会有对应的介绍。

4.属性访问表达式。

var obj = {x:1}

我们可以通过  obj.x 或者 obj["x"]来访问它的属性,这一类表达式就称之为属性访问表达式。

5.调用表达式。

func();  来调用一个函数,这样的表达式就称之为调用表达式。

6.对象创建表达式。

例如:

new Func(1,2);我们可以传参,如果没有参数我们也可以new Object;创建一个空的对象这样也是合法的。

二、js运算符(一般用于表达式之间进行一些运算)。

1.按照运算符的操作数的数量:

 一元运算符: +num

 二元运算符: a + b

 三元运算符: c?a:b

2.按照功能区分:

赋值:x += 1 (或者-=,=等)

比较:a == b

算数:a - b

位: a | b

逻辑: exp1 && exp2 (或与非)

字符串:“a” + “b”

特殊: delete obj.x

下面我们对特殊运算符展开来讲:

条件运算符:var c = true?1:2    //c=1

逗号运算符:var val = (1,2,3)  // val = 3  从左到右依次计算,取最后的

delete运算符:就是删除对象上的属性。

--例如:

var obj = {x:1}
obj.x //1

delete obj.x

obj.x //undefined

从IE9开始,我们可以给对象设置configurable标签,当configurable:true时属性才可以被delete掉

例:

var obj = {}
Object.defineProperty(obj, 'x', {
configurable:false,
value:1
});
delete obj.x
obj.x //1

3. in 运算符。

 例:window.x = 1;那我们想知道window到底有没有x呢,我们就可以用 in

  ”x“ in window;    // true 

4. instanceof  和 typeof 我们在上一章详细的介绍过,如果忘记了可以去看一下。

5. new运算符

 比如说我们创建一个函数构造器:function Foo(){}

 Foo.prototype.x = 1;

 我们可以用new运算符就可以创建一个对象obj

 var obj = new Foo();

 这样obj.x;  //1 我们就可以从它的构造器上的prototype属性上拿到 1

 我们可以通过 obj.hasOwnProperty("x"); //false 来判断这个属性到底是对象上的还是对象的原型上的

 obj._proto_拿到它的原型,obj._proto_.hasOwnProperty("x");  //true 说明是原型上的

6.this 运算符。

this; //window(浏览器)

var obj = {

func:function(){
  return this;
 }
 }
obj.func(); // obj

this运算符也是比较特殊的这个我们后面会详细讲。

7.void运算符。

 void 0 //undefined
 void (0) //undefined

 void无论后面的操作数是多少,返回的都是undefined。

8.运算符的优先级,也是建议大家去看一下,更有助于大家读懂复杂的表达式。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JAVASCRIPT HashTable
Jan 22 Javascript
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 #Javascript
原生js和css实现图片轮播效果
Feb 07 #Javascript
bootstrap输入框组使用方法
Feb 07 #Javascript
angularjs使用directive实现分页组件的示例
Feb 07 #Javascript
Bootstrap下拉菜单样式
Feb 07 #Javascript
基于JavaScript实现购物车功能
Feb 07 #Javascript
js实现类bootstrap模态框动画
Feb 07 #Javascript
You might like
php中的strpos使用示例
2014/02/27 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
Laravel框架路由管理简单示例
2019/05/07 PHP
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
JS中Location使用详解
2015/05/12 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
举例讲解Python中的算数运算符的用法
2015/05/13 Python
python检查指定文件是否存在的方法
2015/07/06 Python
python实现分页效果
2017/10/25 Python
用python与文件进行交互的方法
2018/03/01 Python
使用python编写监听端
2018/04/12 Python
Python 实现在文件中的每一行添加一个逗号
2018/04/29 Python
python将txt文件读取为字典的示例
2018/12/22 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
python用什么编辑器进行项目开发
2020/06/17 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
社区庆中秋节活动方案
2014/02/07 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
三八红旗集体先进事迹材料
2014/05/22 职场文书
2014年班组工作总结
2014/11/20 职场文书
社会实践活动报告
2015/02/05 职场文书
自荐信格式范文
2015/03/04 职场文书
小学语文国培研修日志
2015/11/13 职场文书
创业计划书之校园超市
2019/09/12 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
Python中基础数据类型 set集合知识点总结
2021/08/02 Python