JavaScript高级程序设计基本概念-阿里云开发者社区

ECMAscript到底是什么？它和JavaScript的关系？（这个概念我也是百度的）
要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript的创造者Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言成为ECMAScript，这个版本就是1.0版。
   该标准从一开始就是针对JavaScript语言制定的，但之所以不叫JavaScript，有两个原因。一是商标，Java是Sun公司的商标，根据授权协议，只有Netscape公司可以合法地使用JavaScript这个名字，且JavaScript本身也已经被Netscape公司注册为商标。二是想体现这门语言的制定者是ECMA，不是Netscape，这样有利于保证这门语言的开放性和中立性。
   因此，ECMAScript和JavaScript的关系是，前者是后者的规格（标准），后者是前者的一种实现（另外的ECMAScript方言还有Jscript和
ActionScript）。在日常场合，这两个词是可以互换的。



如果通过<script>元素包涵外部javascr文件，那么src属性是必须的。
把javascript 插入到html中要使用<script> 

异步脚本：
async属性 的目的是为了不让页面等待两个脚本下载和执行，从而一部加载页面的其他内容，异步脚本一定会在页面的load事件前执行。  可以表示当前脚本不用等待其他脚本,也不必阻塞文档呈现,但不能保证异步脚本按照他们在
页面中出现的顺序执行

<script type="text/javascript"><![CDATA[
function compare(a,b)
{

}
]]></script>
CData片段事文档中的一个特殊区域 这个区域可以包含不需要解析任意格式的文本内容，所以在CData片段中就可以使用任何字符--小于号当然也是
可以的，而且不会有语法错误       如果在不兼容xhtml的浏览器中 不支持CData片段就就可以用//来注释掉


在不支持<script>的浏览器中  可以选择<!--//-->来隐藏掉
<script><!--
function sayHi()
{
    alert("hi!");
}
//--></script>
不过现在所有的浏览器都已经支持javascript 所以 就没再必要使用这种格式了



文档模式也都是必备的
如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就是过渡型
<body>
<noscript>
<p>本网页需要浏览器支持（启用）javascript
</noscript>
</body>                      当浏览器不支持脚本，或者浏览器支持脚本，但是脚本被禁用的时候  会显示<noscript>中的信息



需要注意的是：
在包含外部javascript文件时，必须将src属性设置为指向相应文件的URL 
所有<script>元素都是按照他们再页面中出现的先后顺序依次被解析。在没有defer和async属性的情况下，只有在解析玩前面的<script>元素中的代码之后，才会解析后面<script>元素中的代码.
<script>引用外部js文件时，必须是<script ...></script>标记格式，不要采取省略形式。
现代的web应用程序一般把全部javascript引用都放在<body>元素中页面内容的后面，因为代码都是从上往下解析的，如果javascript引用放在head
则网页出现空白页面的时间增长 
延迟脚本：
defer是延迟脚本的属性  设置defer=“defer” 是为了让脚本延迟到整个页面都解析完毕后运行，意思就是相当于告诉浏览器立即下载，但延迟执行。    延迟脚本总是按照他们的顺序执行
最好只包含一个延迟脚本  还有defer属性只适用于外部脚本文件。
<noscript>可以指定在不支持脚本的浏览器中显示的替代内容  ,但是启动了脚本的情况下,浏览器不会显示<script>元素中的任何内容




区分大小写的
标识符的第一个字符必须是字母.下划线或者$符号 
采用驼峰大小写格式,也就是第一个字母小写,剩下的每个单词的首字母大写
不能把关键字,保留字,true,false和null作为标识符
单行注释//
多行注释/**/
语句结尾的分号虽然不是必需的,但是建议不要忽略它
在控制语句中使用代码快可以使编程意图更加清晰
比如
if(test){
alert("sdf");
}
变量是松散类型 意思就是 定义变量时使用var操作符
var message="hi";
可以 message=10; 有效但是不推荐  
还有var定义的是局部变量 比如在一个函数中用var定义了一个变量,那么这个变量在函数退出后就会被销毁
如果 在一个函数中省略var 定义了一个变量 则这个变量就是全局变量 只要调用一次函数 这个变量就有了定义,就可以在函数外部的任何地方被访问到.  但是不推荐,因为在局部作用域定义的全局变量很难维护
可以用一条语句定义多个变量.如:
var message="hi",
    found=false,
    age=29;      定义并初始化了三个变量,因为是松散类型,所以 使用不同类型初始化变量的操作可以放在一条语句来完成.


数据类型有 Undefined ,Null,Boolean,Number,String和一种复杂的数据类型--Object
typeof是负责检测给定变量的数据类型
对一个值使用typeof可能返回下列字符串
undefined---这个值未定义    使用var声明变量,但是未对其加以初始化时,这个变量的值就是undefined
boolean---布尔值
string---字符串
number---数值
object---对象或者null
function---函数
举个例子
var message="some string";
alert(typeof(message)); //string
alert(typeof 95);  //number
typeof是一个操作符,所以例子中的圆括号尽管可以使用,但不是必需的.


var car=null;
alert(typeof car)     //"object" 
如果定义的变量准备在将来存放对象,那么最好将该变量初始化为null而不是其他值
还有实际上 undefined值派生自null值,所以 alert(null==undefined)   //true
虽然null和undefined有这样的关系 但是无论什么情况下都没有必要将一个变量的值显示设置为undefined 
但是 只要意在保存对象的变量还有没真正保存对象,就应该明确让该变量保存null值
还有boolean是将其他类型的值转化为一个Boolean值  比如空字符串转化为false   数值0转化为false   
还有if的控制语句会自动执行相应的Boolean
Number可以保存+0和-0并且两者被认为是相等的
var floatNum1=1.    //小数点后面没有数字,解析为1
var floatNum2=10.0   //整数, 解析为10
var floatNum3=3.125e7  //等于31250000
0.0000003 转化为3e-7
数值的范围:
数值的范围超过了javascript数值范围的值 会被自动转换为特殊的Infinity值 如果是负数就会被转换为-Infinity  正数就会被转换为Infinity   可以用isFinite() 会返回一个Boolean值
NaN 是一个特殊的数值 ,
数值的转换:
数值转换用Number()可以用于任何数据类型  
如果是Boolean 则true 和false转换为1和0
如果是数字值,则简单的传入和返回
如果是null值,返回0
如果是undefind 返回NaN
如果是字符串   将其转换为十进制数值 如"123"变成123  "011"转换为11
如果字符串包含有效的浮点格式"1.1" 则将其转换为对应的浮点数值 (同样会忽略前导0)
如果字符串是空,将其转换为0
举几个例子:
var num1=Number("sdf");  //NaN    因为不包涵任何有意义的数字值  
var num2=Numebr("");     //0
var num3=Number("00011")   //11
var num4=Number(true)     //1
parseInt()和parseFloat()是专门用于把字符串转化为数值的  
parseInt()经常用于处理整数
例子 :
var num1=parseInt("1234blue");  //1234    因为不包涵任何有意义的数字值  
var num2=parseInt("");     //NaN
var num1=parseInt("22.2");   //22
var num1=parseInt("70");    //70
var num3=parseInt("0xAF",16);  // 175  指明转换的基数很重要  所以什么情况下都要明确指定的基数
多数情况下 我们要解析的都是十进制数值,所以始终将10作为第二个参数是很必需的.
parseFloat() 字符串中的第一个小数点是有效的,第二个是无效的,因此他后面的字符串会被忽略  "22.34.45" 转换为22.34
parseFloat和parseInt的还有区别是 它始终忽略掉前面的0
比如"045.1" 转换为45.1
string类型：可以“” 或者‘’但是必须得匹配
字符字面量：也叫做转义序列  
\n表示换行
\t表示制表
\b表示空格
\r表示回车
\\表示斜杠
\‘表示单引号
\"表示双引号
任何字符串的长度都可以通过访问其length属性取得
比如 var text=“sdfsadf”
alert(text.length);
字符串可以通过直接相加来实现拼接
转化为字符串：  通常toString（）方法
var age=11；
var ageAsString=age.toString();  //字符串11
var found=true；
var foundAsString=found.toString();   //字符串“true”
但是null和undefined没有这个方法
调用数值的tostring()时候可以传参 ，默认返回是10进制的字符串，可以添加基数，来输出任意有效进制的数
var num=10；
alert（num.toString(2)）;// "1010"
toString()方法遵循下面规则
1.如果值有tostring()方法，则调用该方法返回相应的结果
2.如果是null，则返回“null”
3.如果是undefined，则返回“undefined”；
Object：
创建Object： 
var o=new Object（）；
Object的每个实例都具有下列属性和方法
1.Object（）保存着用于创建当前对象的函数
2.hasOwnProperty 用于检测给定的属性在当前对象实例中是否存在。其中作为参数的属性名，必须以字符串形式指定 例如o.hasOwnProperty("name");
3.isPrototypeOf(object)用于检测传入的对象是否是传入对象的原型/
4.propertyIsEnumerable 用来检测给定的属性是否能够使用for-in语句来枚举 ，作为参数的属性名必须以字符串的形式指定
5.toLocaleString（）返回对象的字符串表示，该字符串和执行环境的地区对应
6.toString（）返回对象的字符串表示
7.valueOf（） 返回对象的字符串。数值或者布尔值表示。通常与toString（）的返回值相同。
valueOf()：返回最适合该对象类型的原始值；
toString(): 将该对象的原始值以字符串形式返回。
Object是所有对象的基础，所以，所有对象都具有这些基本的属性和方法
但是BOM和DOM中的对象属于寄主对象，他们是由寄主实现提供和定义的。而ECMA-262不负责定义寄主对象，所有寄主对象可能会也可能不会继承Object；
操作符：
一元递增递减操作符：++；前置和后置和c语言的效果一样
不仅适用于整数，还可以用于字符串布尔值和浮点数值和对象，都遵循下面规则：
1.在应用于一个包涵有效数字字符的字符串时，先将其转化为数字值，然后在执行加减操作
2.在应用于一个不包涵有效数字字符的字符串时，将变量的值设置为NaN
3.布尔值时先转化为1或者0再执行加减操作，布尔值变量变成数值变量
4.应用于对象时，先调用对象的valueof（）方法已取得一个可操作的数值，然后对该值进行上述规则
举例子：
var s1=“2”；
var s2="z";
var b=false;
var f=1.1;
var o=
{
    valueOf:function(){
        return -1;
    }
}
s1++;   //变成数值3；
s1++;   //变成NaN；
b++;   //变成数值1；
f--;   //变成数值0.100000000000009 
o--   //变成数值-2；
一元加和减操作符：
var num=23；
num=+num；   //实际还是23
如果是对非数值应用一元加操作符 则会像Numebr函数一样
比如 var s1="01";
var s2="1.1";
var s3="z";
var b=false;
var f=1.1;
s1=+s1; //1
s2=+s2; //1.1
s3=+s3;  //NaN
b=+b;  //0
f=+f;  //任然是1.1
一元减操作符主要用于表示负数  例如 将1转换为-1
 var num=23;
 num=-num;   //  -23
若是用于非数值 按照一元加操作符的相同规则，然后将得到的数值转换为负数
位操作符：
1.按位非~
2.按位与&
3.按位或|
4.按位异或^
5.左移  <<    左移不会影响操作数的符号位
6.有符号的右移
7.无符号的右移
布尔操作符  
1.非 ！
2.与 && 是一个短路操作 如果第一个操作数是false 则第二个操作数是什么值，结果都不会是true
var found=true;
var result=(found&&somUndefind);   //会报错  因为第二个操作数没有声明
alert(result);这一行不会被执行

var found=false;
var result=(found&&somUndefind);   //不会发生错误
alert(result);会执行（“false”）    因为第一个操作符是false 意味着结果必定是false 根本用不着再对&&右侧的操作数求值了
3.逻辑或  也是短路操作
var result=true || false;
我们可以利用逻辑或的这一行为来避免为变量赋null或者undefined  例如
var myobject=preferredObject||someUndefinedVariable
在这个例子中  变量preferredObject优先赋值给myObject。    someUndefinedVariable负责在preferredObject中不包含有效值的情况下提供后备值
意思就是preferredObject不是null他的值会被赋值给myobject。如果是null，则将someUndefinedVariable的值赋值给myObject。以后的赋值语句经常
会使用这种模式。
乘性操作符：乘法和除法，求模%
加性操作符：
加法：注意 -0加-0结果是-0  +0加-0结果是+0
如果两个都是数值，直接相加
如果俩个操作数都是字符串则直接拼接
如果一个操作数是字符串，则将另一个操作数转换为字符串，然后将两个字符串拼接
如果有一个操作数是对象，数值，布尔值，则调用他们的tostring（）方法取得相应的字符串，然后再拼接
有（）和无（）是两个结果
比如  var num1=5;
var num2=10;
var message="sdf"+num1+num2;
结果是 sdf510
如果是 var message="sdf"+(num1+num2);
结果是 sdf15
减法：调用number（）将其转化为数值然后操作  true变成1 “”变成0 null变成0 “2”变成2
关系操作符：
<> <= >=
如果两个操作数都是数值，则执行数值比较
如果两个都是字符串，则比较两个字符串对应的字符编码值
如果一个是数值，则将另一个操作符转换为一个数值，然后进行比较
如果一个操作数是布尔值，则将其转换为数值，然后比较
字符串比较是两个字符串中对应位置的每个字符的字符编码值，大写字母的编码值全部小于小写的
“23”<"3"成立  ，因为比骄傲的是字符编码
“23”<3 错误 因为“23”被转化为了23
“a”<3     “a”>=3 错误，因为“a”被转化为NaN  在与NaN进行比较时，这两个比较操作符都返回了false
相等操作符：
如果有一个操作数时布尔值，则比较前先转换为数值
如果一个操作数是字符串，另一个操作数是数值，则先将字符串转换为数值
如果一个操作数是对象，另一个不是，则调用对象的valueOf方法
规则：
null和undefined是相等的
如果有一个操作数是NaN则 返回false
即使两个操作数都是NaN 也返回false
如果连哥哥操作数都是i对象 则比较他们是不是同一个对象，如果两个都指向同一个对象则返回true
null==0 false
NaN==NaN   false
全等操作符===
 “55”===55   false  因为不同的数据类型不同
 记住  null==undefined 会返回true   但是  null===undefined会返回false因为他们是不同类型
 注意：由于相等和不相等操作符存在类型转换问题，为了保持代码中数据类型的完整性，我们推荐使用全等和不全等操作符
 条件操作符：   条件？返回1：返回2
 赋值操作符*= /= %= += -= <<=左移 >>=有符号右移  >>>=无符号右移
 逗号操作符  ，，，表示可以在一条语句中执行多个操作
 var num =(3,4,5,6,0)   num的值是0  逗号操作符总是会返回表达式中的最后一项
 语句：
 if（）语句  if  else if   else
 do while（）语句   循环至少被执行一次
 while语句
 for语句
 for in语句：for(var propName in window){
    document.write(propName);
 }            建议在使用for in循环之前，先检测确定对象的值不是null或者undefined  如果是 ，则不执行循环体
 break是直接跳出这个循环
 continue 是跳出这次循环 进入下一次循环
 不建议使用label语句
 with语句的作用是将代码的作用于设置在一个特定的对象里
 with（location）{
    var qs=search.substring(1);
    var hostName=hostName;
    var url=href;
 }
 严格模式下不允许使用with语句，否则视为语法错误
 大量使用with语句会导致性能下降 所以在开发大型应用程序的是偶，不建议使用with语句
 swith语句。 switch 语句在比骄傲的时候使用的是全等操作符，因此不会发生类型转换  例如字符串“10”不等于10
 函数：function   里面位于return 后面的代码都不会被执行，也可以包括多个return
 严格模式对函数有一些限制：
 不能把函数名字命名为eval或者arguments
 不能把参数命名eval或者arguments；
 不能出现两个命名参数同名的情况
 函数的理解：
 ECMAScript函数的参数  可以不用写，因为它的参数在内部是用一个数组来表示的  意思是 如果你定义了一个函数只接受两个参数 ，但是  你调用这个
 函数的时候未必就要传递两个参数，而且 可以通过arguments来访问他的每一个元素  
 函数也不在乎传入多少参数，参数是什么类型都无所谓
 没有传递值的命名参数将自动被赋值undefined值  这就跟定义了变量但是没有初始化一样。
 ECMAScript中的所有参数传递的都是值，不可以通过引用传递参数
 ECMAScript函数不能像传统意义上那样实现重，因为其参数是由包涵0或者多个值的数组来表示的。
 通过检查传入函数中参数的类型和数量做出不同的反应，可以模仿方法的重载。
 比如 ：
 function sayHi（）{
    alert（"heLLEO"+arguments[0]+,arguments[1]）;
 }
 function howManyArgs(){
    alert(arguments.length);
 }
 howManyArgs("sdf",45);   //2
 howManyArgs();           //0
 howManyArgs(12);         //1


 总结 ：1.ECMAScript的基本类型包括： Undefined，Null，Boolean，Number，String
        2.没有为整数和浮点数值分别定义不同的数据类型，Numebr类型可用于表示所有的数值
        3.Object是这门语言所有对象的基础类型
        4.无需指定函数的返回值
        5.实际上未指定返回值的函数返回的是一个特殊的undefined值
        6.也没有函数签名的概念，因为其函数参数是以一个包涵0或者多个值的数组的形式传递的
        7.可以向函数传递任意数量的函数，并且可以通过arguments对象来访问这些函数。
        8.由于不存在函数签名的特性，函数不能重载
JavaScript高级程序设计基本概念

热门文章

最新文章

相关课程

相关电子书

相关实验场景
