📄 js03.htm
字号:
<HTML>
<HEAD>
<META http-equiv="Content-Language" content="zh-cn">
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>第三章 JAVASCRIPT编程基础</TITLE>
<LINK rel="stylesheet" type="text/css" href="js.css">
</HEAD>
<BODY>
<H1><A name="第三章 JAVASCRIPT编程基础">第三章 JAVASCRIPT编程基础</A>
<A href="index.htm">主目录</A></H1>
<HR>
<UL>
<LI><A href="#3.1 常量">3.1 常量</A><UL>
<LI><A href="#3.1.1 数值型">3.1.1 数值型</A></LI>
<LI><A href="#3.1.2 字符串">3.1.2 字符串</A></LI>
<LI><A href="#3.1.3 布尔型">3.1.3 布尔型</A></LI>
<LI><A href="#3.1.4 空值型">3.1.4 空值型</A></LI>
<LI><A href="#3.1.5 未定义值">3.1.5 未定义值</A></LI>
</UL>
</LI>
<LI><A href="#3.2 变量">3.2 变量</A><UL>
<LI><A href="#3.2.1 变量取名">3.2.1 变量取名</A></LI>
<LI><A href="#3.2.2 变量声明">3.2.2 变量声明</A></LI>
<LI><A href="#3.2.3 变量赋值">3.2.3 变量赋值</A></LI>
<LI><A href="#3.2.4 变量类型">3.2.4 变量类型</A></LI>
<LI><A href="#3.2.5 简述变量的作用域">3.2.5 简述变量的作用域</A></LI>
</UL>
</LI>
<LI><A href="#3.3 表达式">3.3 表达式</A><UL>
<LI><A href="#3.3.1 运算符与表达式">3.3.1 运算符与表达式</A></LI>
<LI><A href="#3.3.2 算术运算符">3.3.2 算术运算符</A></LI>
<LI><A href="#3.3.3 比较运算符">3.3.3 比较运算符</A></LI>
<LI><A href="#3.3.4 逻辑运算符">3.3.4 逻辑运算符</A></LI>
<LI><A href="#3.3.5 字符串运算符">3.3.5 字符串运算符</A></LI>
<LI><A href="#3.3.7 赋值运算符">3.3.6 赋值运算符</A></LI>
<LI><A href="#3.3.8 条件运算符">3.3.7 条件运算符</A></LI>
<LI><A href="#3.3.9 其他运算符">3.3.8 其他运算符</A></LI>
<LI><A href="#3.3.10 运算符的优先级">3.3.9 运算符的优先级</A></LI>
<LI><A href="#3.3.11 表达式中的类型转换">3.3.10 表达式中的类型转换</A></LI>
</UL>
</LI>
</UL>
<H2><A name="3.1 常量">3.1 常量</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H2>
<P>JavaScript有三种基本类型的常量：数值型、字符串型和布尔型。</P>
<H3><A name="3.1.1 数值型">3.1.1 数值型</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<H4>一.整数</H4>
<UL>
<LI>十进制：每位为0~9。如：25，234，998。</LI>
<LI>八进制：逢8进位，每位为0~7。首位是0，如：0235，即<BR>
(235)<SUB>8</SUB>=2×8<SUP>2</SUP>+3×8<SUP>1</SUP>+5×8<SUP>0</SUP>=157<SUB>10</SUB>。</LI>
<LI>十六进制：逢16进位，每位为0~9或A、B、C、D、E、F。前两位必须是0x或0X。如：0x235，即<BR>
(235)<SUB>16</SUB>=2×16<SUP>2</SUP>+3×16<SUP>1</SUP>+5×16<SUP>0</SUP>=565<SUB>10</SUB>。</LI>
</UL>
<H4>二.浮点数</H4>
<UL>
<LI>浮点数也就是实数，采用十进制，表示形式有两种。</LI>
<LI>普通形式。由整数部分、小数点和小数部分组成。如：4.12、0.0、.123、12.0、12.0。</LI>
<LI>指数形式。如5.34e5（表示5.34×10<SUP>5</SUP>）、312E4（表示312×10<SUP>4</SUP>）。<UL>
<LI>e(或E)后面的指数的位数不能大于3，而且必须是整数，如23e4321和1.2e2.5等都是不合法的。</LI>
</UL>
<P> </LI>
<LI>特例: NaN(Not a Number 的缩写)，即“非数字”。表示无意义的数字值。</LI>
</UL>
<H3><A name="3.1.2 字符串">3.1.2 字符串</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>字符串是由0个或多个字符组成的序列，它可以包括字母、数字、标点符号或其他可显示字符以及特殊字符，也可包含汉字。</LI>
<LI>字符串通过在其首尾添加成对的双引号("")或单引号('')来说明。如：</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>"Hello word!"<BR>
"a"<BR>
'a’<BR>
""<BR>
"'Hi!' I said."<BR>
'"Hi!" I said.'</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>使用字符串，注意以下几点：<UL>
<LI>引号必须匹配</LI>
<LI>空字符串不包含任何字符，即""或''。</LI>
<LI>通过使用转义字符”\”(即反斜杠字符)，可以在字符串中添加不可显示的特殊字符，或者防止引号匹配混乱的问题。如下表：<UL>
<LI>\b 退格<BR>
\f 换页<BR>
\n 换行<BR>
\r 回车符<BR>
\t TAB符号<BR>
\' 单引号<BR>
\" 双引号<BR>
\\ 反斜杠</LI>
</UL>
</LI>
<LI><A href="sample/s03_01.htm">例3.1</A>，在字符串中使用特殊字符。</LI>
</UL>
</LI>
</UL>
<H3><A name="3.1.3 布尔型">3.1.3 布尔型</A></H3>
<UL>
<LI>布尔型(Boolean)的值也就是逻辑值</LI>
<LI>它只有两个值：true和false,分别表示逻辑“真”和逻辑“假”。</LI>
<LI>当把一个整数用作布尔值时,0表示false，而非0整数表示true。</LI>
</UL>
<H3><A name="3.1.4 空值型">3.1.4 空值型</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>空值就是null，定义空的或不存在的引用。它不等同于空串或0。</LI>
</UL>
<H3><A name="3.1.5 未定义值">3.1.5 未定义值</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>未定义值就是undefined，表示变量还没有赋值。</LI>
</UL>
<H2><A name="3.2 变量">3.2 变量</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H2>
<UL>
<LI>所谓变量，就是程序中一个已命名的存储单元。</LI>
<LI>两个基本特征: 变量名和变量值。</LI>
<LI>变量的值可以不断变化；不过，在为变量赋予新值之前，它会一直保持它原先所存储的数据。</LI>
</UL>
<H2><A name="3.2.1 变量取名">3.2.1 变量取名</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H2>
<P>给变量起名时要注意以下几点：</P>
<UL>
<LI>变量名以字母或下划线(_)开始，其他字符可以是数字0~9、字母A~Z或a~z、下划线(_)。</LI>
<LI>不能使用保留字作为变量名,如var。</LI>
<LI>变量名区分大小写的。如，str与Str代表不同变量。</LI>
<LI>命名时要选择易于记忆、有意义的变量名。</LI>
</UL>
<H3><A name="3.2.2 变量声明">3.2.2 变量声明</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>使用var声明变量如：<P>var i;</P>
<P>var name,age;</LI>
</UL>
<H3><A name="3.2.3 变量赋值">3.2.3 变量赋值</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>使用 =</LI>
<LI>声明变量时给出初值,如<P>var name="张三";<BR>
</LI>
<LI>普通赋值,如：</LI>
</UL>
<BLOCKQUOTE>
<P>name="李四";</P>
</BLOCKQUOTE>
<UL>
<LI><A href="sample/s03_02.htm">例3.2</A>：展示变量的基本用法和用途</LI>
</UL>
<H3><A name="3.2.4 变量类型">3.2.4 变量类型</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>变量类型是指变量值所属的数据类型，可以是数值型、字符串型、布尔型和空值型。</LI>
<LI>JavaScript变量的类型是动态的。例如：<BLOCKQUOTE>
<P>var x=1;<BR>
x="今天天气真好";<BR>
x=true;</P>
</BLOCKQUOTE>
</LI>
</UL>
<H3><A name="3.2.5 简述变量的作用域">3.2.5 简述变量的作用域</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>变量的作用域是指变量起作用的范围，在该范围内可引用该变量。</LI>
<LI>在介绍函数之前，在示例中使用的都是全局变量。</LI>
</UL>
<H2><A name="3.3 表达式">3.3 表达式 </A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H2>
<H3><A name="3.3.1 运算符与表达式">3.3.1 运算符与表达式</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<H4>一．运算符</H4>
<UL>
<LI>运算符是指定计算操作的一系列符号，也称为操作符。</LI>
<LI>运算符用于将一个或几个值进行计算而生成一个新值，对其进行运算的值称为算子或操作数。</LI>
<LI>包括8类运算符：算术运算符、逻辑运算符、比较运算符、字符串运算符、位操作运算符、赋值运算符、条件运算符和其他运算符。</LI>
<LI>除了条件运算符是三目运算符以外，其他要么是双目运算符，要么是单目运算符。</LI>
</UL>
<H4>二．表达式</H4>
<UL>
<LI>表达式是运算符和操作数组合而成的式子。如: 1+2</LI>
<LI>表达式具有值，这个值是对操作数实施运算符所确定的运算后产生的结果。</LI>
<LI>表达式分为算术表达式、字符串表达式、赋值表达式以及逻辑表达式等。</LI>
<LI>子表达式:</LI>
</UL>
<BLOCKQUOTE>
<P>在表达式a=b+c*d中，c*d、b+c*d、a=b+c*d、以至于a、b、c、d都可以看作是一个表达式（即子表达式）。在计算了表达式a=b+c*d之后，作为子表达式的a、b+c*d和a=b+c*d的值相同。</P>
</BLOCKQUOTE>
<H3><A name="3.3.2 算术运算符">3.3.2 算术运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>+,-,*,/,%,++,--</LI>
<LI><A href="sample/s03_03.htm">例3.3</A></LI>
</UL>
<H3><A name="3.3.3 比较运算符">3.3.3 比较运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>对操作数进行比较，然后返回布尔值</LI>
<LI><,<=,>,>=,==,===,!=,!== </LI>
<LI><A href="sample/s03_04.htm">例3.4</A></LI>
</UL>
<H3><A name="3.3.4 逻辑运算符">3.3.4 逻辑运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>&&,||,!</LI>
<LI><A href="sample/s03_05.htm">例3.5</A></LI>
</UL>
<H3><A name="3.3.5 字符串运算符">3.3.5 字符串运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>字符串连接运算符(+),将两个字符串接合起来。</LI>
<LI><A href="sample/s03_06.htm">例3.6</A></LI>
<LI>比较运算符(<、<=、>、>=、==、===、!=、!==)也可用于两个字符串之间的比较,如：</LI>
</UL>
<BLOCKQUOTE>
<P>"ab"=="ab"、"abc"=="abc"、"a"<"ab" 返回true；</P>
<P>"ab"<"a" 返回false；</P>
<P>"xyz">"XYZ"、"xy">"XYZ"返回true；</P>
</BLOCKQUOTE>
<H3><A name="3.3.7 赋值运算符">3.3.6 赋值运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>基本赋值运算符 = 用于对变量进行赋值。</LI>
<LI>组合赋值运算符: 其他一些运算符和 = 联合使用.即=、+=、-=、*=、/=、%=、&=、!=、^=、<<=、>>=、>>>=</LI>
<LI><A href="sample/s03_07.htm">例3.7</A></LI>
</UL>
<H3><A name="3.3.8 条件运算符">3.3.7 条件运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>条件运算符(?:),如 (score>=60?"合格":"不合格")</LI>
<LI><A href="sample/s03_08.htm">例3.8</A></LI>
</UL>
<H3><A name="3.3.9 其他运算符">3.3.8 其他运算符</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>. [] () , delete new typeof void</LI>
</UL>
<H3><A name="3.3.10 运算符的优先级">3.3.9 运算符的优先级</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>运算符的优先级确定计算复杂表达式时哪个运算优先进行。</LI>
<LI>基本优先策略:“先乘除，后加减”。</LI>
<LI>JavaScript 定义了所有运算符的优先级和结合性</LI>
<LI><A href="sample/s03_09.htm">例3.9</A></LI>
</UL>
<P align="center"><IMG border="0" src="js_03_01.gif" width="177" height="128"></P>
<UL>
<LI>运算符的结合性是指在表达式中连续出现的几个运算符优先级相同，其运算的优先顺序由其结合性决定。<UL>
<LI>左结合: 例如,1+2+5</LI>
<LI>右结合: 例如,x=y=100</LI>
</UL>
</LI>
</UL>
<H3><A name="3.3.11 表达式中的类型转换">3.3.10 表达式中的类型转换</A>
<A href="#第三章 JAVASCRIPT编程基础">(目录)</A></H3>
<UL>
<LI>在表达式求值时，通常要求操作数是属于某种特定的数据类型</LI>
<LI>如果操作数的数据类型不是运算符所要求的类型，那么这种情况通常是由于编程人员的错误设计所引起的。</LI>
<LI>JavaScript允许运算符对不匹配的操作数进行计算。</LI>
<LI>JavaScript根据运算符和操作数类型进行隐式类型转换。</LI>
<LI>示例1：100+300、100+"300"、"100"+300和"100"+"300"</LI>
<LI>示例2：100-300、100-"300"、"100"-300和"100"-"300"</LI>
<LI>示例3：true + 100、true + "100"、true + false、true - false</LI>
<LI>示例4："a" – 100</LI>
<LI>控制方法:<UL>
<LI>对于+运算符，分为两种情况：<UL>
<LI>如果有一个操作数为字符串，进行字符串连接运算。</LI>
<LI>如果两个操作数都不是字符串，进行算术加运算。</LI>
</UL>
</LI>
<LI>对于其他运算符，如果其操作数的类型不是它们所要求的操作数类型，JavaScript就把它的值转换为相应数据类型的值。</LI>
<LI>使用函数parseInt()和parseFloat()显示转换。</LI>
</UL>
</LI>
</UL>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -