JavaScript基础语法，对象，正则表达式

一.JavaScript基础语法

1.基础语法

2.函数

3.常见对话框

4.html引入js文件

二.JavaScript对象

1.prototype属性扩展类的属性和方法，以及实现类的继承
2.内置对象
3.document对象

4.window对象       

三.正则表达式

一.JavaScript基础语法

1..基础语法

注释：//  or   /**/

弱类型变量

显式声明：var usename=”blabla”;

                    var age=20;

隐式声明：不使用var关键字，直接给变量赋值(默认为全局变量，即使位于函数中也是全局变量)

                  sName="myname";

undefined 和 null 的 区分

空值：null    var  x=null;

未定义值：undefined    var x;

• undefined是null派生来的，alert（null==undefined);  //输出true
• typeof undefined返回的是字符串，if（typeof  undefined ==“undefined”）  //true
• typeof null  返回的也是字符串，但是 是“object” if(typeof null=="object")   //true

命名规范：

Camel命名法：首字母小写，接下来每个单词的首字母大写  var firstName="myname";

（命名函数）

匈牙利类型命名法：在变量前加一个字母说明变量类型  var sName="myname";

（命名变量）

运算符：

==等于：只根据表面值判断，不涉及数据类型“17”==17  返回true

===绝对等于：表面值和数据类型同时判断：“17”=17  返回false

！=不等于

！==不绝对等于

字符串运算符：+

数据类型转换函数：String（），Number（），Boolean（）

                   var x=3;
     alert(String(3)+123);  //3123
     var y="1234";
     alert(Number(y));
     var z=0;
     var k=1;
     alert(Boolean(z));

     alert(Boolean(k));

parseInt("",进制[默认十进制])

parseFloat()

eval()

                  var y=parseInt("1234");//将字符串转换成数字
 var z=parseFloat("123");//同上，将字符串转换为浮点数
 alert(y);
 alert(z);
 var str="5+4";
 var b=eval(str);//转换成数字并计算
 alert(b);
 var k=b+eval(prompt("请输入数字："));
 alert(k);

b.函数function（）

1.function本质：name/value

如：

function firstName（）

{

alert（“have a  good day！”）;

}

alert(firstName)；

输出结果：

function firstName（）

{

alert（

“have a  good day！”）;

}

     函数调用：        在事件响应中调用函数：

         <input type="submit"  name="Submit"   value="显示"   onClick=“函数名（）”>  

       通过链接调用函数：

         <a  href="JavaScript : 函数名( );">显示的文字</a>

  函数定义：      function  函数名（参数列表）{}

2.使用function（）伪装一个类：

function Car(color,size)

{

this.color=color;

this.size=size;

this.run=run;

this.voice=voice;

}

function run()

{

return "I can run!";

}

function voice()

{

return "I can voice!";

}

var myCar = new Car( "red", "middle");

alert(myCar.color);

alert(myCar.run());

alert(myCar.voice());

3.用arguments参数重载

function firstLove（）

{

if（argunments.length==0）

{

alert("没有参数");

}

else if(arguments==1)

{

alert("一个参数");

}

else 

{

alert("多个参数！")

}

firstLove();

firstLove(1);

firstLove(1,2,3);

}

4.匿名函数变量

                 var greetings=function()// 定义匿名函数
{
message="hello!";
return message;
}
var k=greetings();  //函数调用greetings()；
document.writeln(k);
 
var kkk=greetings;   //将greetings引用赋值给另一个变量
var y=kkk();

document.writeln(y);

5.闭包：在一个函数里定义一个匿名函数，并返回匿名函数的引用（闭包可以让变量存活更久）

function myName(a,b)

        {

         var x1=a;

         var x2=b;

         var show= function() //定义匿名函数

        {

        document.writeln(a);

        document.writeln(b);

        }

         return show; //返回匿名函数的引用

        }

         var one=myName( 1, 2); //one ,two 都是show的引用

         var two=myName( 3, 4);

        one(); //调用匿名函数

        two();

c.常见对话框

alert（"x"）;弹出一个警告x

prompt("what is your  name？","name");补足信息,name为初始值  ，文本框的内容就是返回值，否则返回null

confirm（“Are you sure?”）;确认对话框，返回true  false

d.html引入js文件

内嵌

<script>

</script>

外部引入：

<script src=" 文件路径" type="text/javascript"></script>

二.JavaScript对象

创建对象的三种方式

1. var obj = {};  //推荐 ：简洁，效率高

2. var obj1 = new Object();  //涉及到原型的问题

3. var obj2 = Object.create();

1.使用prototype扩展类的属性和方法：

        //使用function（）伪装一个类

         function Car(color,size)

{

this.color=color;

this.size=size;

this.run=run;

this.voice=voice;

}

function run()

{

return "I can run!";

}

function voice()

{

return "I can voice!";

}

var myCar = new Car( "red", "middle");

         var myCar2= new Car( "white", "small");

alert(myCar.color);

alert(myCar.run());

alert(myCar.voice());

         Car.prototype.mode=1000;

        

         Car.prototype.kill=function kill()

         {

             alert("I can Kill!");

         }

        alert(myCar.mode);

        alert(myCar2.mode);

        myCar.kill();

        myCar2.kill();

使用prototype实现类的继承