javascript基于什么的语言

时间：2021-07-23 来源：互联网

今天PHP爱好者给大家带来javascript是基于对象的语言，它不仅可以创建对象，也能使用现有的对象。JavaScript标准对于基于对象的定义：语言和宿主的基础设施由对象来提供，并且JavaScript程序即是一系列相互通讯的对象集合。希望对大家有所帮助。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

一、javascript的简介：

*javascript 是一种基于对象和事件驱动的语言，主要应用于客户端。
　　　– 基于对象：
　　　　　提供了很多对象，可以直接使用。
　　　 --事件驱动：
　　　　　html做的网页是静态效果，javascript做的是动态效果。
　　　--客户端：
　　　　　主要是指浏览器。

*js的特点：

（1）交互性：
--信息的动态交互。
（2）安全性：
--s不能访问本地磁盘中的文件。
（3）跨平台性：
--与java不同，js直接使用浏览器跨平台。

*javascript和java之间的区别：（没有任何关联）

1）java是sun公司（现在是oracle）发布
　　　　　　　js是网景公司发布。

2）javascript是基于对象的，java是面向对象的

3）java是强类型的语言， js是弱类型的语言。

4）js是解析就可以执行， java需要先编译再执行。

*js的组成

有三部份
　　（1）ECMAScript
　　　　　　--ECMA ：欧洲计算机协会，由其为ｊｓ指定语法。
　　（2）BOM
　　　　　--broswer object model ：浏览器对象模型。
　　（3）DOM
　　　　　　--document object model ：文档对象模型。

二、js和html的结合方式（两种）

第一种：
　　　--使用一个标签：

<`script type="text/javascript" > js代码 </script>`

第二种：
　　　--引入外部文件：
　　– 创建一个 .js文件。

-- <script type="text/javascript" src=" 外部文件地址 "> </script>

注意：在第二种中的script标签中不要写其他js代码了，不会被执行。

三、js的原始类型和声明变量

//js中，只有五个原始类型：
　　　　　　　　//string： 字符串
　　　　var str = “abc”;

//number: 数字类型
　　　　var num = 123;

//boolean: true和false
　　　　var falg = true;

//null:
*** 获取对象的引用，null用来表示引用为空，所有对象的引用都为 object
　　　　 var date = new Date();

//undifined
　　　　　//定义一个变量，没有被赋值
　　　　var aa;
typeof() ; //查看当前变量的数据类型。
　　　　alert（） ; //在页面跳出一个对话框。
　　　　document.write();//直接想页面输出的语句（可以把括号内的语句输出到页面上） 也可以输出html代码。

四、js的语句

–在js里面也有这些语句
　　　　　　　　if判断语句
　　　　　注意：　　=：赋值
　　　　　　　　　　==：判断

switch语句
　　　　　　　　　　　
　　　　　　　　　　　　--js中所有类型都支持。

--switch（a）{
　　　　case 1：
　　　　　　　break；
　　　　case 2：
　　　　　　　break；
　　　　default：
　　　　　　　… …
　}

五、js的运算符

+= ： x+=y; 等于： x=x+y;
js中的字符串的相加和相减的操作
　　　　　　　　var str = “123”;

***在相加的时候，做的是字符串的连接。
　　　　　　　　***在相减的时候，做的是减法运算。

如： 
alert(str+1)//结果为1231.
alert(str-1)//结果为122.

住意：当str不是一个数字的时候，减法运算会提示错误。

var str = “abc”;
alert(str-1);//结果为：提示NaN： 表示这不是一个数字。

**boolean也可以进行数学运算
　　　　　　　　如果设置成 true ，进行数学运算的时候，相当于值为：1
　　　　　　　　如果设置成 false ，进行数学运算的时候，相当于值为： 0
　 == 和 === 的区别
　　　　　　　　　　他们都是用来做相等判断的，

// == 比较的是 值
// === 比较的是 值 和 类型
如： var i = “5”;
　　 i5 // true
　　 i=5 // false。

六、js的数组

//–js数组定义方式（三种）：
　　　　　　　　//第一种： 
　　　　　　　　var arr = [1,2,3] || var arr = [1,“2”,true]
　　　　　　　　//第二种： 使用内置对象 Array，
　　　　　　　　　　　　var arr = new Array(5); //定义了一个长度为5的数组。
　　　　　　　　　　　　arr[0] = “1”; arr[1] = 2; arr[2] = true;

				//第三种： 使用内置对象 Araay，
　　　　　　　　　　　　var arr = new Array(3,“4”,true);//定义一个数组，其中值为：3，4，true

–数组中有一个属性 length：获得数组的长度。

–数组的长度是可变的。

–数组可以存放不同类型的值

七、js中的方法

在js中定义方法，有三种方式：

//第一种方式：
　　//使用一个关键字 function
　　　　　　　　　　function 方法名（参数列表）{
　　　　　　　　　　　　　　　　方法体;
　　　　　　　　　　　　　　　　返回值（视需求，可有可无）;
　　　　　　　　　　　　}
　　　　　　　　　　　　for example:
　　　　　　　　　　　　　　　function add(a ,b,c){
　　　　　　　　　　　　　　　　　　var sum = a+b+c;
　　　　　　　　　　　　　　　　　　return sum;
　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　(调用方法名，使用定义的方法)

//第二种方式：
　　　　　　　　//匿名方法。
　　　　　　　　*** var 变量名 = function（参数列表）{
　　　　　　　　　　　　　　　　方法体;
　　　　　　　　　　　　　　　　返回值;
　　　　　　　　　　}
　　　　　　　　　　　　//如：
　　　　　　　　　　　　　　var add = funtion(a,b){
　　　　　　　　　　　　　　　　　　var sum = a+b;
　　　　　　　　　　　　　　　　　　return sum;
　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　//(之后使用变量名调用方法)

//**第三种方式：
　　　　　　　　//动态方法。
　　　　　　　　//使用一个js的内置对象 Function
　　　　　　　　　　var 变量名 = new Function（“参数列表”,“方法体 和 返回值”）; (注意，参数和方法体之间是逗号)
　　　　　　　　　　　　　　var add = new Function(“a,b”, “var sum=a+b; return sum”);
　　　　　　　　　　　　　　　　(之后使用变量名调用函数)
　　　　　　　　　　　　//注意，此方式中，可以预先定义好参数列表，和方法体与方法名，在定义方法的时候直接传进来。