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高级程序设计基本概念

热门文章

最新文章

相关课程

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

JavaScript高级程序设计基本概念

热门文章

最新文章

相关课程

相关电子书

相关实验场景
