文档章节

JavaScript基础之JavaScript表达式和操作符

klink
 klink
发布于 2014/06/03 17:10
字数 1096
阅读 10
收藏 0

Object 和 Array 的初始化

对Array初始化是使用“,”将元素分隔开。

[] // An empty array: no expressions inside brackets means no elements
[1+2,3+4] // A 2-element array. First element is 3, second is 7

Array中的元素自身也可以是Array

var matrix = [[1,2,3], [4,5,6], [7,8,9]];

Object的初始化表达式与Array很相似。

var p = { x:2.3, y:-1.2 }; // An object with 2 properties
var q = {}; // An empty object with no properties
q.x = 2.3; q.y = -1.2; // Now q has the same properties as p
var rectangle = { upperLeft: { x: 2, y: 2 },
lowerRight: { x: 4, y: 5 } };

Object属性的标识符可以是字符串。而且 " 和 ' 都可以使用。

var side = 1;
var square = { "upperLeft": { x: p.x, y: p.y },
'lowerRight': { x: p.x + side, y: p.y + side}};

方法定义的表达式

// This function returns the square of the value passed to it.
var square = function(x) { return x * x; }

访问Property的表达式

JavaScript提供了两种访问Property的语法

expression . identifier
expression [ expression ]

如:

var o = {x:1,y:{z:3}}; // An example object
var a = [o,4,[5,6]]; // An example array that contains the object
o.x // => 1: property x of expression o
o.y.z // => 3: property z of expression o.y
o["x"] // => 1: property x of object o
a[1] // => 4: element at index 1 of expression a
a[2]["1"] // => 6: element at index 1 of expression a[2]
a[0].x // => 1: property x of expression a[0]

方法调用的表达式

如:

f(0) // f is the function expression; 0 is the argument expression.
Math.max(x,y,z) // Math.max is the function; x, y and z are the arguments.
a.sort() // a.sort is the function; there are no arguments.

创建对象的表达式

如:

new Object()
new Point(2,3)

如果该对象的构造函数没有参数,我们也可以省略括号直接写成:

new Object
new Date

instanceof操作符

JavaScript提供了instanceof操作符,能够判断instanceof左右两边是否为同一对象。

var d = new Date(); // Create a new object with the Date() constructor
d instanceof Date; // Evaluates to true; d was created with Date()
d instanceof Object; // Evaluates to true; all objects are instances of Object
d instanceof Number; // Evaluates to false; d is not a Number object
var a = [1, 2, 3]; // Create an array with array literal syntax
a instanceof Array; // Evaluates to true; a is an array
a instanceof Object; // Evaluates to true; all arrays are objects
a instanceof RegExp; // Evaluates to false; arrays are not regular expressions

eval 表达式

JavaScript能够对JavaScript代码作解析,并生成相应的值。这个过程就是通过eval()方法完成的。

eval("3+2") // => 5

eval()需要一个参数。

  • 如果参数不是String的话,eval()会直接返回参数,而不会做任何解析。
  • 当参数是一个String时,JavaScript会尝试去解析JavaScript代码,如果这段代码中碰到语法错误,JavaScript会抛出SyntaxError的错误。
  • 如果没有语法问题,eval()就会执行这段代码,将最终的结果作为返回值输出。
  • 如果将执行的过程中,碰到Exception,eval()将将Exception继续往外抛出给它的上层。

如果定义一个变量x, 当调用eval("x"),就会将变量x的值取出作为返回值返回。eval("x=1")会把x的值修改成1.

我们可以通过eval()定义变量。eval("var y=3;");

还可以通过eval()定义方法。

eval("function f() { return x+1; }");

typeof 操作符

你可以通过下面这个表达式使用typeof 操作符

(typeof value == "string") ? "'" + value + "'" : value

我们也可以通过下面这种语法来使用typeof操作符

typeof(i)

typeof 的值如下:

x          						typeof x
undefined  							"undefined"
null         						"object"
true or false       				"boolean"
any number or NaN 					"number"
any string 							"string"
any function 						"function"
any nonfunction native object 		"object"
any host object 					An implementation-defined string, but not “undefined”,“boolean”, “number”, or “string”.

instanceof 操作符可以区分不同对象,如 a instanceof Date. 而typeof无法区分具体的对象。

delete 操作符

delete操作符可以从Objects删除Object的Property,也可以从arrays删除array item。

如:

var o = { x: 1, y: 2}; // Start with an object
delete o.x; // Delete one of its properties
"x" in o // => false: the property does not exist anymore

var a = [1,2,3]; // Start with an array
delete a[2]; // Delete the last element of the array
a.length // => 2: array only has two elements now

被删除的propery或者array item会从Object或者array中被用久删除,而不是仅仅将它们设置成undefined. 另外我们也可以通过使用in操作符来判断被删除的元素是否还在Object或者array中。

void 操作符

这个操作符会被偶尔使用: 它会解析跟在它之后的表达式,但是不会把表达式的值返回。

void操作符的格式如下:

javascript:void(expression);
javascript:void expression;

如:

<a href="javascript:void window.open();">Open New Window</a>

这样子写的话,就不需要定义onclick事件。

6/3/2014 5:02:45 PM

© 著作权归作者所有

共有 人打赏支持
klink
粉丝 0
博文 24
码字总数 29450
作品 0
苏州
学习Javascript的8张思维导图

分别归类为:  javascript变量  javascript运算符  javascript数组  javascript流程语句  javascript字符串函数  javascript函数基础  javascript基础DOM操作  javascript正则表达式...

thinkyoung
2014/09/23
0
0
JAVASCRIPT_a href=#与 a href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javas......

喵王不瞌睡
2014/04/05
0
0
【JavaScript基础系列】决定你的人生能走多远的,是基础。

前言    javaScript门槛非常低,一点语法,一个dom,一个bom就可以使用它开发大部分js应用,再加上现在层出不穷的框架极大的简化抽象了javaScript的使用方式,但是我们始终不能忘记的一点...

grootzhang
2017/09/12
0
0
JavaScript的简单复习

JavaScript的简单复习 JS的两种加载方式: 1.内部加载 内部加载,写在<script>标签内部 2.外部加载 写在<script>的src目录中,使用外部加载js文件的时候,js解析引擎不解析script标签体中的代码...

Lunqi
2015/08/07
0
0
javascript:基本数据结构

JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库.对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉...

街边
2014/01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

c语言之内存分配笔记

先看一个数组: short array[5] = {1,2} // 这儿定义的一个int类型的数组,数组第1和第2个元素值是1和2.其余后面默认会给值为0; 或者 short array[] = {1,2};//这儿数组第1和第2个元素,数组...

DannyCoder
今天
2
0
Shell | linux安装包不用选择Y/N的方法

apt-get install -y packageOR echo "y" | sudo apt-get install package

云迹
今天
2
0
Hadoop的大数据生态圈

基于Hadoop的大数据的产品圈 大数据产品的一句话概括 Apache Hadoop: 是Apache开源组织的一个分布式计算开源框架,提供了一个分布式文件系统子项目(HDFS)和支持MapReduce分布式计算的软件架...

zimingforever
今天
5
0
八大包装类型的equals方法

先看其中一个源码 结论:八大包装类型的equals方法都是先判断类型是否相同,不相同则是false,相同则判断值是否相等 注意:包装类型不能直接用==来等值比较,否则编译报错,但是数值的基本类型...

xuklc
今天
2
0
NoSQL , Memcached介绍

什么是NoSQL 非关系型数据库就是NoSQL,关系型数据库代表MySQL 对于关系型数据库来说,是需要把数据存储到库、表、行、字段里,查询的时候根据条件一行一行地去匹配,当量非常大的时候就很耗...

TaoXu
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部