02-1 Js的基础语法(1)
来源:互联网 发布:虚拟机网络连接不上 编辑:程序博客网 时间:2024/06/13 05:31
JS的基础语法
本篇:变量、数据类型、类型转换、运算符
1、变量
1)变量是用来存储信息的容器。
2)在javascript中使用var 运算符(variable 的缩写)加变量名定义的。
varx = 10;
vary = 10.1;
varz = “Hello”;
3)JavaScript 变量名称的规则:
> 变量名对大小写敏感
> 变量名必须以字母或下划线开始
4)不要使用关键字和保留字作为变量名
2、数据类型
在ECMAScript中,变量可以存在两种数据类型,即原始类型与引用类型。
2.1原始类型(5种)
1)字符串(String ):使用单引号或双引号声明。
2)数字(Number):任何数字都看成是Number类型,它可以表示32位整数,也可以表示64位浮点数。
n 八进制首数字必须是0,十六进制使用0x开始。
3)布尔(Boolean):它有两个值true和false。
4)未定义(Undefined):该类型只有一个值undefined,表示的是未初始化的变量。
5)空(Null):只有一个值null,不存在的对象。
n 值undefined实际上是从值null派生出来的。因此null==undefined得到的结果是true。
n 可以通过赋值null,来清除对象。
类型检测:对于基本类型的检测可以使用typeof运算符。
undefined - 如果变量是 Undefined 类型的
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的
string - 如果变量是 String 类型的
object - 如果变量是一种引用类型或 Null 类型的
注意:为什么 typeof 运算符对于 null 值会返回 "Object"。这实际上是 JavaScript 最初实现中的一个错误,然后被 ECMAScript 沿用了。现在,null 被认为是对象的占位符,从而解释了这一矛盾,但从技术上来说,它仍然是原始值。
说明:typeof对null值返回Object,其他的引用类型一律为Object。
关于undefined例子:
// 未定义的变量,或未明确类型的变量,均为undefined
console.log(i);//undefined
var i;
console.log(i);//undefined
i = 10;
console.log(i);//10
2.2引用类型
引用类型就是对象类型。
对象是由 new 运算符加上要实例化的对象的名字创建的var obj=new Object();
Object对象自身用处不大,但是 ECMAScript中的 Object 对象与 Java 中的 java.lang.Object 相似,ECMAScript 中的所有对象都由这个对象继承而来,Object 对象中的所有属性和方法都会出现在其他对象中。
常用的javascript对象有 Boolean,Number,Array,String,Date,Math,RegExp.
类型检测:使用instanceof运算符来判断对象的类型。
3、类型转换
大部分类型具有进行简单转换的方法,还有几个全局方法可以用于更复杂的转换。
提供了基本类型的包装类:Boolean、Number、String,原始类型是它们的伪对象,这意味着它们实际上具有属性和方法。
3.1知识点
Ø 转换成字符串
toString()方法.
Ø 转换成数字
parseInt() 把值转换成整数
parseFloat() 把值转换成浮点数
注:只有对 String 类型调用这些方法,它们才能正确运行;对其他类型返回的都是 NaN。
Ø 强制类型转换
ECMAScript 中提供了三种强制类型转换:
1. 把给定的值转换成Boolean类型
2. 把给定的值转换成数字
3. 把给定的值转换成字符串
3.2例子
测试Boolean型的强制类型转换
测试强制转换成数字类型
测试强制转换成字符串
4、运算符与表达式
Ø 一元运算符
++ -- void
void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。例如:
<a href="javascript:window.open('about:blank')">Click me</a>
如果把这行代码放入 HTML 页面,点击其中的链接,即可看到屏幕上显示"[object]"。这是因为 window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。要避免这种效果,可以用 void 运算符调用 window.open() 函数:
<a href="javascript:void(window.open('about:blank'))">Click me</a>
这使 window.open() 调用返回 undefined,它不是有效值,不会显示在浏览器窗口中。
提示:请记住,没有返回值的函数真正返回的都是 undefined。
Ø 逻辑运算符
逻辑运算会有三种 NOT AND OR
参数类型
结果
Undefined
false
Null
false
Boolean
结果等于输入的参数(不转换)
Number
如果参数为 +0, -0 或 NaN,则结果为 false;否则为 true。
String
如果参数为空字符串,则结果为 false;否则为 true。
Object
true
Ø 加性运算符
1)特殊值的加性
某个运算数是 NaN,那么结果为 NaN。
-Infinity 加 -Infinity,结果为 -Infinity。
Infinity 加 -Infinity,结果为 NaN。
+0 加 +0,结果为 +0。
-0 加 +0,结果为 +0。
-0 加 -0,结果为 -0。
2)运算数是字符串的情况:
如果两个运算数都是字符串,把第二个字符串连接到第一个上。
如果只有一个运算数是字符串,把另一个运算数转换成字符串,结果是两个字符串连接成的字符串。
Ø 关系运算符
> < >= <=
1)常规比较
数字:正常比较
字符串:字符的ASCII表大小进行比较。
根据字母顺序,在前的字母比在后的小,所有的小写字母都大于大写字母。
2)比较数字或字符串
两数字字符串:按照数字在码表中的码值来比较,例如:”23”<”3”。
一个数字&一个字符串:字符串转换成数字再进行比较。
Ø 等性运算符
ECMAScript提供了两套等性运算符:等号与非等号用来处理原始值,全等号与非全等号来处理对象。
执行类型转换的规则如下:
· 如果一个运算数是 Boolean 值,在检查相等性之前,把它转换成数字值。false 转换成 0,true 为 1。
· 如果一个运算数是字符串,另一个是数字,在检查相等性之前,要尝试把字符串转换成数字。
· 如果一个运算数是对象,另一个是字符串,在检查相等性之前,要尝试把对象转换成字符串。
· 如果一个运算数是对象,另一个是数字,在检查相等性之前,要尝试把对象转换成数字。
在比较时,该运算符还遵守下列规则:
·值 null 和 undefined 相等。
·在检查相等性时,不能把 null 和 undefined 转换成其他值。
·如果某个运算数是NaN,等号将返回 false,非等号将返回 true。
·如果两个运算数都是对象,那么比较的是它们的引用值。如果两个运算数指向同一对象,那么等号返回 true,否则两个运算数不等。
全等号由三个等号表示(===),只有在无需类型转换运算数就相等的情况下,才返回 true。
非全等号由感叹号加两个等号(!==)表示,只有在无需类型转换运算数不相等的情况下,才返回 true。
Ø 三元运算符
varmax = (num1 > num2) ? num1 :num2;
Ø 赋值运算符
= *= /= %= += -=
Ø 逗号运算符
用逗号运算符可以在一条语句中执行多个运算。例如:var a=1,b=2,c=3;
- 02-1 Js的基础语法(1)
- js语法基础1
- 02-2 JS的基础语法(2)
- 前端框架vue.js系列(1):基础及语法
- 第 1 章 JS 基础语法
- 02js基础 js基础语法
- JS的基础语法一
- 基础语法(1)
- iPhone开发基础语法(1)-----声明property的语法
- 第1章-安装Node.js及相关要点-1.2.Node.js的基础和语法
- Java的基础语法(1)
- JS基础语法(一)
- JS基础语法(二)
- JS基础语法(三)
- sh_shell的基础语法1
- JS基础(二)-----JS语法
- jsp基础语法(1)
- (1)C#语法基础
- JVM系列一:JVM内存组成及分配
- 记录开博
- 【Linux学习笔记】3:目录与文件处理命令
- 实用的php文件操作类
- 《剑指offer2》问题8 二叉树的下一个节点 Java实现
- 02-1 Js的基础语法(1)
- ROS学习笔记1
- 编译、链接学习笔记(三)静态链接
- 小程序for循环对象
- java EE配置文件模版
- (链表进阶)谈一谈各类算法和数据结构的c++实现以及相关操作的复杂度(三)
- KHL 005 11-计算机-本职-前台 CSS3 动画
- 一个给 Java 程序员用的 Api 文档生成工具
- JAVA流程控制习题